|
@@ -25,11 +25,6 @@
|
|
<ProductBrand id="productInfoList-productBrandSn" placeholder="请选择产品品牌" v-model="queryParam.productBrandSn"></ProductBrand>
|
|
<ProductBrand id="productInfoList-productBrandSn" placeholder="请选择产品品牌" v-model="queryParam.productBrandSn"></ProductBrand>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
- <!-- <a-col :md="6" :sm="24">
|
|
|
|
- <a-form-item label="产品分类">
|
|
|
|
- <ProductType id="productInfoList-productType" placeholder="请选择产品分类" :isDealer="true" @change="changeProductType" v-model="productType"></ProductType>
|
|
|
|
- </a-form-item>
|
|
|
|
- </a-col> -->
|
|
|
|
<a-col :md="6" :sm="24">
|
|
<a-col :md="6" :sm="24">
|
|
<a-form-item label="产品状态">
|
|
<a-form-item label="产品状态">
|
|
<v-select code="ONLINE_FLAG" id="productInfoList-onlineFalg" v-model="queryParam.onlineFalg " allowClear placeholder="请选择产品状态"></v-select>
|
|
<v-select code="ONLINE_FLAG" id="productInfoList-onlineFalg" v-model="queryParam.onlineFalg " allowClear placeholder="请选择产品状态"></v-select>
|
|
@@ -42,11 +37,11 @@
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :md="6" :sm="24">
|
|
<a-col :md="6" :sm="24">
|
|
<a-form-item label="是否有库存">
|
|
<a-form-item label="是否有库存">
|
|
- <a-select allowClear v-model="queryParam.stockEmptyFlag" placeholder="请选择查看是否有库存">
|
|
|
|
- <a-select-option value="0">
|
|
|
|
|
|
+ <a-select allowClear id="productInfoList-stockEmptyFlag" v-model="queryParam.stockEmptyFlag" placeholder="请选择查看是否有库存">
|
|
|
|
+ <a-select-option value="0" id="stockEmptyFlag-0">
|
|
是
|
|
是
|
|
</a-select-option>
|
|
</a-select-option>
|
|
- <a-select-option value="1">
|
|
|
|
|
|
+ <a-select-option value="1" id="stockEmptyFlag-1">
|
|
否
|
|
否
|
|
</a-select-option>
|
|
</a-select-option>
|
|
</a-select>
|
|
</a-select>
|
|
@@ -56,7 +51,7 @@
|
|
<a-col :md="6" :sm="24" style="margin-bottom: 10px;">
|
|
<a-col :md="6" :sm="24" style="margin-bottom: 10px;">
|
|
<a-button type="primary" @click="searchForm(true)" :disabled="disabled" id="productInfoList-refresh">查询</a-button>
|
|
<a-button type="primary" @click="searchForm(true)" :disabled="disabled" id="productInfoList-refresh">查询</a-button>
|
|
<a-button style="margin-left: 5px" @click="resetSearchForm" :disabled="disabled" id="productInfoList-reset">重置</a-button>
|
|
<a-button style="margin-left: 5px" @click="resetSearchForm" :disabled="disabled" id="productInfoList-reset">重置</a-button>
|
|
- <a @click="advanced=!advanced" style="margin-left: 5px">
|
|
|
|
|
|
+ <a @click="advanced=!advanced" style="margin-left: 5px" id="productInfoList-advanced">
|
|
{{ advanced ? '收起' : '展开' }}
|
|
{{ advanced ? '收起' : '展开' }}
|
|
<a-icon :type="advanced ? 'up' : 'down'"/>
|
|
<a-icon :type="advanced ? 'up' : 'down'"/>
|
|
</a>
|
|
</a>
|
|
@@ -69,50 +64,50 @@
|
|
<a-row :gutter="16">
|
|
<a-row :gutter="16">
|
|
<a-col class="gutter-row" :span="8">
|
|
<a-col class="gutter-row" :span="8">
|
|
<a-dropdown>
|
|
<a-dropdown>
|
|
- <a-menu slot="overlay" @click="handleMenuClick">
|
|
|
|
- <a-menu-item key="1"> 批量启用</a-menu-item>
|
|
|
|
- <a-menu-item key="2"> 批量禁用</a-menu-item>
|
|
|
|
|
|
+ <a-menu slot="overlay" @click="handleMenuClick" id="productInfoList-menus">
|
|
|
|
+ <a-menu-item key="1" id="productInfoList-menus0"> 批量启用</a-menu-item>
|
|
|
|
+ <a-menu-item key="2" id="productInfoList-menus1"> 批量禁用</a-menu-item>
|
|
</a-menu>
|
|
</a-menu>
|
|
- <a-button ghost type="danger"> 批量操作 <a-icon type="down" /> </a-button>
|
|
|
|
|
|
+ <a-button id="productInfoList-menus-action" ghost type="danger"> 批量操作 <a-icon type="down" /> </a-button>
|
|
</a-dropdown>
|
|
</a-dropdown>
|
|
<span v-if="rowSelectionInfo&&rowSelectionInfo.selectedRowKeys">已选 {{ rowSelectionInfo.selectedRowKeys.length }} 项</span>
|
|
<span v-if="rowSelectionInfo&&rowSelectionInfo.selectedRowKeys">已选 {{ rowSelectionInfo.selectedRowKeys.length }} 项</span>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col class="gutter-row " :span="16" style="text-align: right;">
|
|
<a-col class="gutter-row " :span="16" style="text-align: right;">
|
|
<a-dropdown v-model="showCell">
|
|
<a-dropdown v-model="showCell">
|
|
- <a-button type="link" class="button-default"> <a-icon type="setting" /> 显示</a-button>
|
|
|
|
- <a-menu slot="overlay">
|
|
|
|
|
|
+ <a-button id="productInfoList-showcell" type="link" class="button-default"> <a-icon type="setting" /> 显示</a-button>
|
|
|
|
+ <a-menu slot="overlay" id="productInfoList-menus-show">
|
|
<a-menu-item v-if="currentDealerInfo.dealerLevel && (currentDealerInfo.dealerLevel == 'CITY'||currentDealerInfo.dealerLevel == 'PROVINCE')">
|
|
<a-menu-item v-if="currentDealerInfo.dealerLevel && (currentDealerInfo.dealerLevel == 'CITY'||currentDealerInfo.dealerLevel == 'PROVINCE')">
|
|
- <a-checkbox v-model="isProPrice">
|
|
|
|
|
|
+ <a-checkbox id="productInfoList-cell-1" v-model="isProPrice">
|
|
省级价
|
|
省级价
|
|
</a-checkbox>
|
|
</a-checkbox>
|
|
</a-menu-item>
|
|
</a-menu-item>
|
|
<a-menu-item v-if="currentDealerInfo.dealerLevel && (currentDealerInfo.dealerLevel == 'CITY'||currentDealerInfo.dealerLevel == 'PROVINCE')&&$hasPermissions('M_ShowAllCityPrice')">
|
|
<a-menu-item v-if="currentDealerInfo.dealerLevel && (currentDealerInfo.dealerLevel == 'CITY'||currentDealerInfo.dealerLevel == 'PROVINCE')&&$hasPermissions('M_ShowAllCityPrice')">
|
|
- <a-checkbox v-model="isCityPrice">
|
|
|
|
|
|
+ <a-checkbox id="productInfoList-cell-2" v-model="isCityPrice">
|
|
市级价
|
|
市级价
|
|
</a-checkbox>
|
|
</a-checkbox>
|
|
</a-menu-item>
|
|
</a-menu-item>
|
|
<a-menu-item v-if="currentDealerInfo.isShowSpecialPrice && currentDealerInfo.isShowSpecialPrice == '1'">
|
|
<a-menu-item v-if="currentDealerInfo.isShowSpecialPrice && currentDealerInfo.isShowSpecialPrice == '1'">
|
|
- <a-checkbox v-model="isSpecialPrice">
|
|
|
|
|
|
+ <a-checkbox id="productInfoList-cell-3" v-model="isSpecialPrice">
|
|
特约价
|
|
特约价
|
|
</a-checkbox>
|
|
</a-checkbox>
|
|
</a-menu-item>
|
|
</a-menu-item>
|
|
<a-menu-item>
|
|
<a-menu-item>
|
|
- <a-checkbox v-model="isZdPrice">
|
|
|
|
|
|
+ <a-checkbox id="productInfoList-cell-4" v-model="isZdPrice">
|
|
终端价
|
|
终端价
|
|
</a-checkbox>
|
|
</a-checkbox>
|
|
</a-menu-item>
|
|
</a-menu-item>
|
|
<a-menu-item>
|
|
<a-menu-item>
|
|
- <a-checkbox v-model="isTerminalPrice">
|
|
|
|
|
|
+ <a-checkbox id="productInfoList-cell-5" v-model="isTerminalPrice">
|
|
自定义终端价
|
|
自定义终端价
|
|
</a-checkbox>
|
|
</a-checkbox>
|
|
</a-menu-item>
|
|
</a-menu-item>
|
|
<a-menu-item>
|
|
<a-menu-item>
|
|
- <a-checkbox v-model="isCzPrice">
|
|
|
|
|
|
+ <a-checkbox id="productInfoList-cell-6" v-model="isCzPrice">
|
|
车主价
|
|
车主价
|
|
</a-checkbox>
|
|
</a-checkbox>
|
|
</a-menu-item>
|
|
</a-menu-item>
|
|
<a-menu-item>
|
|
<a-menu-item>
|
|
- <a-checkbox v-model="isCarOwnersPrice">
|
|
|
|
|
|
+ <a-checkbox id="productInfoList-cell-7" v-model="isCarOwnersPrice">
|
|
自定义车主价
|
|
自定义车主价
|
|
</a-checkbox>
|
|
</a-checkbox>
|
|
</a-menu-item>
|
|
</a-menu-item>
|
|
@@ -120,15 +115,15 @@
|
|
</a-dropdown>
|
|
</a-dropdown>
|
|
<a-divider type="vertical" style="margin:5px 0;"/>
|
|
<a-divider type="vertical" style="margin:5px 0;"/>
|
|
<a-dropdown>
|
|
<a-dropdown>
|
|
- <a-menu slot="overlay" @click="handleActions">
|
|
|
|
- <a-menu-item key="2">
|
|
|
|
|
|
+ <a-menu slot="overlay" @click="handleActions" id="productInfoList-actions">
|
|
|
|
+ <a-menu-item key="2" id="productInfoList-ac-2">
|
|
<a-icon type="export" />自定义报价导出
|
|
<a-icon type="export" />自定义报价导出
|
|
</a-menu-item>
|
|
</a-menu-item>
|
|
- <a-menu-item key="1">
|
|
|
|
|
|
+ <a-menu-item key="1" id="productInfoList-ac-1">
|
|
<a-icon type="import" />自定义报价导入
|
|
<a-icon type="import" />自定义报价导入
|
|
</a-menu-item>
|
|
</a-menu-item>
|
|
</a-menu>
|
|
</a-menu>
|
|
- <a-button type="link" class="button-default"> <a-icon type="unordered-list" /> 更多</a-button>
|
|
|
|
|
|
+ <a-button id="productInfoList-ac-more" type="link" class="button-default"> <a-icon type="unordered-list" /> 更多</a-button>
|
|
</a-dropdown>
|
|
</a-dropdown>
|
|
</a-col>
|
|
</a-col>
|
|
</a-row>
|
|
</a-row>
|
|
@@ -163,6 +158,7 @@
|
|
<!-- 状态 -->
|
|
<!-- 状态 -->
|
|
<template slot="enabledFlag" slot-scope="text, record">
|
|
<template slot="enabledFlag" slot-scope="text, record">
|
|
<a-switch
|
|
<a-switch
|
|
|
|
+ :id="'productInfoList-switch-'+record.productSn"
|
|
checkedChildren="启用"
|
|
checkedChildren="启用"
|
|
unCheckedChildren="禁用"
|
|
unCheckedChildren="禁用"
|
|
v-if="$hasPermissions('B_JgProduct_enable')&&record.enabledFlag!=undefined"
|
|
v-if="$hasPermissions('B_JgProduct_enable')&&record.enabledFlag!=undefined"
|
|
@@ -180,13 +176,13 @@
|
|
type="link"
|
|
type="link"
|
|
class="button-success"
|
|
class="button-success"
|
|
@click="handleDetail(record)"
|
|
@click="handleDetail(record)"
|
|
- id="productInfoList-detail-btn">详情</a-button>
|
|
|
|
|
|
+ :id="'productInfoList-detail-'+record.productSn">详情</a-button>
|
|
<a-button
|
|
<a-button
|
|
size="small"
|
|
size="small"
|
|
type="link"
|
|
type="link"
|
|
class="button-primary"
|
|
class="button-primary"
|
|
@click="handleEditPrice(record)"
|
|
@click="handleEditPrice(record)"
|
|
- id="productInfoList-price-btn">自定义报价</a-button>
|
|
|
|
|
|
+ :id="'productInfoList-price-'+record.productSn">自定义报价</a-button>
|
|
</template>
|
|
</template>
|
|
</s-table>
|
|
</s-table>
|
|
<!-- 导入产品 -->
|
|
<!-- 导入产品 -->
|
|
@@ -224,18 +220,19 @@ export default {
|
|
productTypeSn1: '', // 产品一级分类
|
|
productTypeSn1: '', // 产品一级分类
|
|
productTypeSn2: '', // 产品二级分类
|
|
productTypeSn2: '', // 产品二级分类
|
|
productTypeSn3: '', // 产品三级分类
|
|
productTypeSn3: '', // 产品三级分类
|
|
- onlineFalg: '',
|
|
|
|
- enabledFlag: '1',
|
|
|
|
- stockEmptyFlag: undefined
|
|
|
|
|
|
+ onlineFalg: '', // 是否上线
|
|
|
|
+ enabledFlag: '1', // 启用禁用
|
|
|
|
+ stockEmptyFlag: undefined // 是否缺货
|
|
},
|
|
},
|
|
- openGuideModal: false,
|
|
|
|
- isTerminalPrice: true,
|
|
|
|
- isCarOwnersPrice: true,
|
|
|
|
- isProPrice: true,
|
|
|
|
- isCityPrice: true,
|
|
|
|
- isSpecialPrice: true,
|
|
|
|
- isZdPrice: true,
|
|
|
|
- isCzPrice: true,
|
|
|
|
|
|
+ openGuideModal: false, // 导入弹框
|
|
|
|
+ // 显示列选项
|
|
|
|
+ isTerminalPrice: true, // 终端价
|
|
|
|
+ isCarOwnersPrice: true, // 车主价
|
|
|
|
+ isProPrice: true, // 促销价
|
|
|
|
+ isCityPrice: true, // 市场价
|
|
|
|
+ isSpecialPrice: true, // 特约价
|
|
|
|
+ isZdPrice: true, // 终端指导价
|
|
|
|
+ isCzPrice: true, // 车主指导价
|
|
openEditPriceModal: false, // 自定义报价弹窗
|
|
openEditPriceModal: false, // 自定义报价弹窗
|
|
iconShowFlag: false, // 列表配置图标显示
|
|
iconShowFlag: false, // 列表配置图标显示
|
|
disabled: false, // 查询、重置按钮是否可操作
|
|
disabled: false, // 查询、重置按钮是否可操作
|
|
@@ -262,8 +259,8 @@ export default {
|
|
openModal: false, // 查看客户详情 弹框
|
|
openModal: false, // 查看客户详情 弹框
|
|
itemId: '', // 当前产品id
|
|
itemId: '', // 当前产品id
|
|
productTypeList: [], // 分类下拉数据
|
|
productTypeList: [], // 分类下拉数据
|
|
- rowSelectionInfo: null,
|
|
|
|
- currentDealerInfo: {}
|
|
|
|
|
|
+ rowSelectionInfo: null, // 已选产品
|
|
|
|
+ currentDealerInfo: {} // 经销商信息
|
|
}
|
|
}
|
|
},
|
|
},
|
|
computed: {
|
|
computed: {
|
|
@@ -286,7 +283,7 @@ export default {
|
|
{ title: '产品图片', scopedSlots: { customRender: 'imageUrl' }, width: '6%', align: 'center' },
|
|
{ title: '产品图片', scopedSlots: { customRender: 'imageUrl' }, width: '6%', align: 'center' },
|
|
{ title: '操作', scopedSlots: { customRender: 'action' }, width: '12%', align: 'center' }
|
|
{ title: '操作', scopedSlots: { customRender: 'action' }, width: '12%', align: 'center' }
|
|
]
|
|
]
|
|
-
|
|
|
|
|
|
+ // 动态显示价格列
|
|
if (_this.currentDealerInfo.dealerLevel && (_this.currentDealerInfo.dealerLevel == 'PROVINCE' || _this.currentDealerInfo.dealerLevel == 'CITY')) { // 省级
|
|
if (_this.currentDealerInfo.dealerLevel && (_this.currentDealerInfo.dealerLevel == 'PROVINCE' || _this.currentDealerInfo.dealerLevel == 'CITY')) { // 省级
|
|
if (this.isProPrice) {
|
|
if (this.isProPrice) {
|
|
arr.push(
|
|
arr.push(
|
|
@@ -308,7 +305,6 @@ export default {
|
|
if (_this.currentDealerInfo.isShowSpecialPrice && _this.currentDealerInfo.isShowSpecialPrice == '1' && _this.isSpecialPrice) { // 是否展示特约价
|
|
if (_this.currentDealerInfo.isShowSpecialPrice && _this.currentDealerInfo.isShowSpecialPrice == '1' && _this.isSpecialPrice) { // 是否展示特约价
|
|
arr.push({ title: '特约价', dataIndex: 'specialPrice', width: '6%', align: 'right', customRender: function (text) { return ((text || text == 0) ? _this.toThousands(text) : '--') } })
|
|
arr.push({ title: '特约价', dataIndex: 'specialPrice', width: '6%', align: 'right', customRender: function (text) { return ((text || text == 0) ? _this.toThousands(text) : '--') } })
|
|
}
|
|
}
|
|
-
|
|
|
|
if (_this.isZdPrice) {
|
|
if (_this.isZdPrice) {
|
|
arr.push({ title: '终端价', dataIndex: 'terminalPrice', width: '8%', align: 'right', customRender: function (text) { return ((text || text == 0) ? _this.toThousands(text) : '--') } })
|
|
arr.push({ title: '终端价', dataIndex: 'terminalPrice', width: '8%', align: 'right', customRender: function (text) { return ((text || text == 0) ? _this.toThousands(text) : '--') } })
|
|
}
|
|
}
|
|
@@ -326,6 +322,7 @@ export default {
|
|
}
|
|
}
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ // 预览图片
|
|
inited (viewer) {
|
|
inited (viewer) {
|
|
if (viewer) {
|
|
if (viewer) {
|
|
const imageUrl = []
|
|
const imageUrl = []
|
|
@@ -371,11 +368,6 @@ export default {
|
|
}
|
|
}
|
|
})
|
|
})
|
|
},
|
|
},
|
|
- filterOption (input, option) {
|
|
|
|
- return (
|
|
|
|
- option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
|
|
|
- )
|
|
|
|
- },
|
|
|
|
// 产品分类 change
|
|
// 产品分类 change
|
|
changeProductType (val, opt) {
|
|
changeProductType (val, opt) {
|
|
this.queryParam.productTypeSn1 = val[0] ? val[0] : ''
|
|
this.queryParam.productTypeSn1 = val[0] ? val[0] : ''
|
|
@@ -433,9 +425,11 @@ export default {
|
|
}
|
|
}
|
|
})
|
|
})
|
|
},
|
|
},
|
|
|
|
+ // 更多操作
|
|
handleMenuClick (e) {
|
|
handleMenuClick (e) {
|
|
this.handleOutbounds(e.key)
|
|
this.handleOutbounds(e.key)
|
|
},
|
|
},
|
|
|
|
+ // 初始化页面
|
|
pageInit () {
|
|
pageInit () {
|
|
const _this = this
|
|
const _this = this
|
|
this.$nextTick(() => { // 页面渲染完成后的回调
|
|
this.$nextTick(() => { // 页面渲染完成后的回调
|
|
@@ -455,7 +449,7 @@ export default {
|
|
_this.openEditPriceModal = true
|
|
_this.openEditPriceModal = true
|
|
})
|
|
})
|
|
},
|
|
},
|
|
- // 导入导出
|
|
|
|
|
|
+ // 选择导入导出
|
|
handleActions (e) {
|
|
handleActions (e) {
|
|
if (e.key == 1) {
|
|
if (e.key == 1) {
|
|
this.openGuideModal = true
|
|
this.openGuideModal = true
|
|
@@ -463,6 +457,7 @@ export default {
|
|
this.handleExport()
|
|
this.handleExport()
|
|
}
|
|
}
|
|
},
|
|
},
|
|
|
|
+ // 导出
|
|
handleExport () {
|
|
handleExport () {
|
|
const _this = this
|
|
const _this = this
|
|
const params = _this.queryParam
|
|
const params = _this.queryParam
|