| 
					
				 | 
			
			
				@@ -1,173 +1,175 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 <template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   <a-card size="small" :bordered="false" class="productInfoList-wrap"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <!-- 搜索条件 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <div class="table-page-search-wrapper"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <a-form layout="inline" @keyup.enter.native="$refs.table.refresh(true)"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <a-row :gutter="15"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <a-col :md="6" :sm="24"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <a-form-item label="产品名称"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <a-input id="productInfoList-name" v-model.trim="queryParam.name" allowClear placeholder="请输入产品名称"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            </a-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <a-col :md="6" :sm="24"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <a-form-item label="产品编码/原厂编码"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <a-input id="productInfoList-queryWord" v-model.trim="queryParam.queryWord" allowClear placeholder="请输入产品编码/原厂编码"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            </a-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <a-col :md="6" :sm="24"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <a-form-item label="品牌"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <a-select 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                placeholder="请选择" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                id="productInfoList-productBrandSn" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                allowClear 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                v-model="queryParam.productBrandSn" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                :showSearch="true" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                option-filter-prop="children" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                :filter-option="filterOption"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                <a-select-option v-for="item in productBrandList" :key="item.brandSn" :value="item.brandSn">{{ item.brandName }}</a-select-option> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              </a-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            </a-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <template v-if="advanced"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <a-spin :spinning="spinning" tip="Loading..."> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <!-- 搜索条件 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <div class="table-page-search-wrapper"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <a-form layout="inline" @keyup.enter.native="$refs.table.refresh(true)"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <a-row :gutter="15"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             <a-col :md="6" :sm="24"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <a-form-item label="产品分类"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                <a-cascader 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  @change="changeProductType" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  expand-trigger="hover" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  change-on-select 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  :options="productTypeList" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  :fieldNames="{ label: 'productTypeName', value: 'productTypeSn', children: 'children' }" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  id="productInfoList-productType" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  placeholder="请选择产品分类" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  allowClear 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                  v-model="productType" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <a-form-item label="产品名称"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <a-input id="productInfoList-name" v-model.trim="queryParam.name" allowClear placeholder="请输入产品名称"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               </a-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             <a-col :md="6" :sm="24"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <a-form-item label="产品状态"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                <v-select code="PRODUCT_STATUS" id="productInfoList-state" v-model="queryParam.state" allowClear placeholder="请选择产品状态"></v-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <a-form-item label="产品编码/原厂编码"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <a-input id="productInfoList-queryWord" v-model.trim="queryParam.queryWord" allowClear placeholder="请输入产品编码/原厂编码"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               </a-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             <a-col :md="6" :sm="24"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <a-form-item label="定价状态"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-                <v-select code="PRICING_STATUS" id="productInfoList-pricingState" v-model="queryParam.pricingState" allowClear placeholder="请选择定价状态"></v-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <a-form-item label="品牌"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <a-select 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  placeholder="请选择" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  id="productInfoList-productBrandSn" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  allowClear 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  v-model="queryParam.productBrandSn" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  :showSearch="true" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  option-filter-prop="children" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  :filter-option="filterOption"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  <a-select-option v-for="item in productBrandList" :key="item.brandSn" :value="item.brandSn">{{ item.brandName }}</a-select-option> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                </a-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               </a-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <a-col :md="6" :sm="24"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <a-button style="margin-bottom: 18px;" type="primary" @click="$refs.table.refresh(true)" :disabled="disabled" id="productInfoList-refresh">查询</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <a-button style="margin: 0 0 18px 5px" @click="resetSearchForm" :disabled="disabled" id="productInfoList-reset">重置</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <a-button 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              style="margin-left: 5px" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              type="primary" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              class="button-warning" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              @click="handleExport" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              :disabled="disabled" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              :loading="exportLoading" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              id="productInfoList-export">导出</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <a @click="advanced=!advanced" style="margin-left: 8px"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              {{ advanced ? '收起' : '展开' }} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-              <a-icon :type="advanced ? 'up' : 'down'"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            </a> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        </a-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      </a-form> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <!-- 操作按钮 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <div class="table-operator"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <a-button id="productInfoList-add" type="primary" class="button-error" @click="handleEdit()">新增</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <a-button 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        id="productInfoList-batchAudit" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        type="primary" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        class="button-warning" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        :loading="loadingAudit" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        @click="handleBatchAudit" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        style="margin: 0 15px;">批量审核</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <a-button 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        id="productInfoList-batchLaunch" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        type="primary" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        class="button-primary" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        :loading="loadingLaunch" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        @click="handleBatchLaunch" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        style="margin: 0 15px;">批量上线</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <a-button 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        id="productInfoList-batchDownline" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        type="primary" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        class="button-grey" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        :loading="loadingDownline" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        @click="handleBatchDownline" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        style="margin: 0 15px;">批量下线</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <span style="margin-left: 8px"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <template v-if="hasSelected">{{ `已选 ${selectedRowKeys.length} 项` }}</template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      </span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <!-- 列表 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    <s-table 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      class="sTable" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      ref="table" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      size="default" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onChange, onSelect: onSelectChange, onSelectAll: onSelectAllChange }" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      :rowKey="(record) => record.id" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      :columns="columns" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      :data="loadData" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      :scroll="{ x: 2150, y: tableHeight }" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      bordered> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <!-- 自定义表头 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <template slot="arrowFalgTitle"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <a-tooltip placement="top"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          <template slot="title"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            <span>自有即箭冠产品,非自有即非箭冠产品</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          自有<a-icon type="question-circle" :style="{ marginLeft: '10px' }" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        </a-tooltip> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <template slot="arrowFalg" slot-scope="text, record"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <span v-if="record.arrowFalg">{{ record.arrowFalg == 1 ? '是' : '否' }}</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <span v-else>--</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <!-- 产品分类 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <template slot="productType" slot-scope="text, record"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <span v-if="record.productTypeName2 || record.productTypeName3">{{ record.productTypeName2 }} {{ record.productTypeName3 ? '>' : '' }} {{ record.productTypeName3 }}</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <span v-else>--</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <!-- 定价状态 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <template slot="pricingState" slot-scope="text, record"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <a-badge :color="record.pricingState=='WAIT_PRICING'?'gold':record.pricingState=='WAIT_PRICING_AUDIT'?'volcano':'#87d068'" :text="record.pricingStateDictValue" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <!-- 操作 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      <template slot="action" slot-scope="text, record"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <template v-if="advanced"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <a-col :md="6" :sm="24"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <a-form-item label="产品分类"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  <a-cascader 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    @change="changeProductType" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    expand-trigger="hover" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    change-on-select 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    :options="productTypeList" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    :fieldNames="{ label: 'productTypeName', value: 'productTypeSn', children: 'children' }" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    id="productInfoList-productType" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    placeholder="请选择产品分类" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    allowClear 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                    v-model="productType" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                </a-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <a-col :md="6" :sm="24"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <a-form-item label="产品状态"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  <v-select code="PRODUCT_STATUS" id="productInfoList-state" v-model="queryParam.state" allowClear placeholder="请选择产品状态"></v-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                </a-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <a-col :md="6" :sm="24"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <a-form-item label="定价状态"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                  <v-select code="PRICING_STATUS" id="productInfoList-pricingState" v-model="queryParam.pricingState" allowClear placeholder="请选择定价状态"></v-select> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                </a-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <a-col :md="6" :sm="24"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <a-button style="margin-bottom: 18px;" type="primary" @click="$refs.table.refresh(true)" :disabled="disabled" id="productInfoList-refresh">查询</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <a-button style="margin: 0 0 18px 5px" @click="resetSearchForm" :disabled="disabled" id="productInfoList-reset">重置</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <a-button 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                style="margin-left: 5px" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                type="primary" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                class="button-warning" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                @click="handleExport" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                :disabled="disabled" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                :loading="exportLoading" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                id="productInfoList-export">导出</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <a @click="advanced=!advanced" style="margin-left: 8px"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                {{ advanced ? '收起' : '展开' }} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                <a-icon :type="advanced ? 'up' : 'down'"/> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              </a> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </a-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </a-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </a-form> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <!-- 操作按钮 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <div class="table-operator"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <a-button id="productInfoList-add" type="primary" class="button-error" @click="handleEdit()">新增</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <a-button 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          size="small" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          type="link" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          v-if="record.state=='WAIT'" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          id="productInfoList-batchAudit" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          type="primary" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           class="button-warning" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          @click="handleAudit(record)" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          id="productInfoList-audit-btn">审核</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          :loading="loadingAudit" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          @click="handleBatchAudit" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          style="margin: 0 15px;">批量审核</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <a-button 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          size="small" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          type="link" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          v-if="record.state=='WAIT_ONLINE'||record.state=='OFFLINE'" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          id="productInfoList-batchLaunch" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          type="primary" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           class="button-primary" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          @click="handleLaunch(record)" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          id="productInfoList-launch-btn">上线</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          :loading="loadingLaunch" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          @click="handleBatchLaunch" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          style="margin: 0 15px;">批量上线</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         <a-button 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          size="small" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          type="link" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          v-if="record.state=='ONLINE'" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          id="productInfoList-batchDownline" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          type="primary" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           class="button-grey" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          @click="handleDownline(record)" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          id="productInfoList-downline-btn">下线</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <a-button size="small" type="link" class="button-info" @click="handleEdit(record)" id="productInfoList-edit-btn">编辑</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <a-button size="small" type="link" class="button-success" @click="handleDetail(record)" id="productInfoList-detail-btn">详情</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        <a-button 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          size="small" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          type="link" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          v-if="record.state=='WAIT'" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          class="button-error" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          @click="handleDel(record)" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          id="productInfoList-del-btn">删除</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    </s-table> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          :loading="loadingDownline" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          @click="handleBatchDownline" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          style="margin: 0 15px;">批量下线</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <span style="margin-left: 8px"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <template v-if="hasSelected">{{ `已选 ${selectedRowKeys.length} 项` }}</template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <!-- 列表 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <s-table 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        class="sTable" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        ref="table" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        size="default" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onChange, onSelect: onSelectChange, onSelectAll: onSelectAllChange }" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        :rowKey="(record) => record.id" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        :columns="columns" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        :data="loadData" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        :scroll="{ x: 2150, y: tableHeight }" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        bordered> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <!-- 自定义表头 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <template slot="arrowFalgTitle"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <a-tooltip placement="top"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <template slot="title"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              <span>自有即箭冠产品,非自有即非箭冠产品</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            自有<a-icon type="question-circle" :style="{ marginLeft: '10px' }" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </a-tooltip> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <template slot="arrowFalg" slot-scope="text, record"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <span v-if="record.arrowFalg">{{ record.arrowFalg == 1 ? '是' : '否' }}</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <span v-else>--</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <!-- 产品分类 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <template slot="productType" slot-scope="text, record"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <span v-if="record.productTypeName2 || record.productTypeName3">{{ record.productTypeName2 }} {{ record.productTypeName3 ? '>' : '' }} {{ record.productTypeName3 }}</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <span v-else>--</span> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <!-- 定价状态 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <template slot="pricingState" slot-scope="text, record"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <a-badge :color="record.pricingState=='WAIT_PRICING'?'gold':record.pricingState=='WAIT_PRICING_AUDIT'?'volcano':'#87d068'" :text="record.pricingStateDictValue" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <!-- 操作 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <template slot="action" slot-scope="text, record"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <a-button 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            size="small" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            type="link" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            v-if="record.state=='WAIT'" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            class="button-warning" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            @click="handleAudit(record)" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            id="productInfoList-audit-btn">审核</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <a-button 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            size="small" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            type="link" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            v-if="record.state=='WAIT_ONLINE'||record.state=='OFFLINE'" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            class="button-primary" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            @click="handleLaunch(record)" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            id="productInfoList-launch-btn">上线</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <a-button 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            size="small" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            type="link" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            v-if="record.state=='ONLINE'" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            class="button-grey" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            @click="handleDownline(record)" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            id="productInfoList-downline-btn">下线</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <a-button size="small" type="link" class="button-info" @click="handleEdit(record)" id="productInfoList-edit-btn">编辑</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <a-button size="small" type="link" class="button-success" @click="handleDetail(record)" id="productInfoList-detail-btn">详情</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <a-button 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            size="small" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            type="link" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            v-if="record.state=='WAIT'" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            class="button-error" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            @click="handleDel(record)" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            id="productInfoList-del-btn">删除</a-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </s-table> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </a-spin> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <!-- 产品详情 --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <product-info-detail-modal :openModal="openModal" :itemSn="itemSn" @close="closeModal" /> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     <!-- 产品下线 --> 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -187,6 +189,7 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   components: { STable, VSelect, productInfoDetailModal, productInfoOfflineModal }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   data () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     return { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      spinning: false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       advanced: false, // 高级搜索 展开/关闭 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       tableHeight: 0, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       queryParam: { //  查询条件 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -289,10 +292,14 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         content: '确认要审核吗?', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         centered: true, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         onOk () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          _this.spinning = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           productAudit({ sn: row.productSn }).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             if (res.status == 200) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               _this.$message.success(res.message) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               _this.$refs.table.refresh() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              _this.spinning = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            } else { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              _this.spinning = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         } 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -323,6 +330,7 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         centered: true, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         onOk () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           _this.loadingAudit = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          _this.spinning = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           productBatchAudit(obj).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             _this.loadingAudit = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             if (res.status == 200) { 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -330,6 +338,9 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               _this.selectedRows = [] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               _this.$message.success(res.message) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               _this.$refs.table.refresh() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              _this.spinning = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            } else { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              _this.spinning = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         } 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -360,6 +371,7 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         centered: true, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         onOk () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           _this.loadingLaunch = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          _this.spinning = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           productBatchOnline(obj).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             _this.loadingLaunch = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             if (res.status == 200) { 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -367,6 +379,9 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               _this.selectedRows = [] 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               _this.$message.success(res.message) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               _this.$refs.table.refresh() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              _this.spinning = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            } else { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              _this.spinning = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         } 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -422,10 +437,14 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         content: '确认要上线吗?', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         centered: true, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         onOk () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          _this.spinning = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           productOnline({ sn: row.productSn }).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             if (res.status == 200) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               _this.$message.success(res.message) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               _this.$refs.table.refresh() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              _this.spinning = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            } else { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              _this.spinning = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         } 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -444,10 +463,14 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         content: '确认要删除吗?', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         centered: true, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         onOk () { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          _this.spinning = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           productDel({ sn: row.productSn }).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             if (res.status == 200) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               _this.$message.success(res.message) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				               _this.$refs.table.refresh() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              _this.spinning = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            } else { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              _this.spinning = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				             } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         } 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -480,8 +503,10 @@ export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       const _this = this 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       const params = this.queryParam 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       this.exportLoading = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      _this.spinning = true 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				       productExport(params).then(res => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         this.exportLoading = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        _this.spinning = false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				         if (res.type == 'application/json') { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           var reader = new FileReader() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				           reader.addEventListener('loadend', function () { 
			 |