<template> 
	<div class="app-container">
		<button-bar ref="btnbar" view-title="商品列表" :btndisabled="btndisabled" @btnhandle="btnHandle" />

		<!-- <el-card class="filter-container" shadow="never">
			<div>
				<i class="el-icon-search"></i>
				<span>筛选搜索</span>
				<el-button style="float: right" @click="handleSearchList()" type="primary" size="small">
					查询结果
				</el-button>
				<el-button style="float: right;margin-right: 15px" @click="handleResetSearch()" size="small">
					重置
				</el-button>

			</div>
			<div style="margin-top: 15px">
				<el-form :inline="true" :model="listQuery" size="small" label-width="140px">
					<el-form-item label="输入搜索：">
						<el-input style="width: 203px" v-model="listQuery.keyword" placeholder="商品名称"></el-input>
					</el-form-item>

					<el-form-item label="商品分类：">
						<el-cascader clearable change-on-select v-model="selectProductCateValue"
							:options="productCateOptions">
						</el-cascader>
					</el-form-item>
					<el-form-item label="商品品牌：">
						<el-select v-model="listQuery.brandId" placeholder="请选择品牌" clearable>
							<el-option v-for="item in brandOptions" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
					</el-form-item>
					<el-form-item label="商品货号：">
						<el-input style="width: 203px" v-model="listQuery.productSn" placeholder="商品货号"></el-input>
					</el-form-item>
					<el-form-item label="上架状态：">
						<el-select v-model="listQuery.publishStatus" placeholder="全部" clearable>
							<el-option v-for="item in publishStatusOptions" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
					</el-form-item>
					<el-form-item label="审核状态：">
						<el-select v-model="listQuery.verifyStatus" placeholder="全部" clearable>
							<el-option v-for="item in verifyStatusOptions" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
					</el-form-item>

				</el-form>
			</div>
		</el-card> -->

		<div class="main-content" style="margin-left: 20px;margin-right: 20px;">
			<div class="searchcon">
				<el-button size="small" class="searchbtn" @click="clicksearchShow">
					{{ searchxianshitit }}
				</el-button>
				<div v-show="isSearchShow" class="search">
					<el-form ref="queryParams" :model="queryParams" :inline="true" class="tab-header">
						<el-form-item label="仓库/门店">
							<el-input v-model="queryParams.params.orderId" placeholder="" clearable />
						</el-form-item>
						<el-form-item label="起始日期">
							<el-date-picker v-model="queryParams.params.orderStartDate" type="date" clearable
								value-format="yyyy-MM-dd" placeholder="选择日期" />
							<span style="padding: 0 8px">至</span>
							<el-date-picker v-model="queryParams.params.orderEndDate" type="date" clearable
								value-format="yyyy-MM-dd" placeholder="选择日期" />
						</el-form-item>
						<el-form-item label="商品名称">
							<el-input v-model="queryParams.params.supplierName" placeholder="" clearable />
						</el-form-item>
						<el-form-item label="商品编码">
							<el-input v-model="queryParams.params.supplierName" placeholder="" clearable />
						</el-form-item>
					</el-form>
					<div class="btn" style="text-align: center;">
						<el-button type="primary" size="small" icon="el-icon-search" @click="dosearch">查询</el-button>
						<el-button type="primary" size="small" icon="el-icon-refresh" @click="resetQuery">重置</el-button>
					</div>
				</div>
			</div>

			<!--  标签栏  -->
			<el-tabs v-model="status" type="card" @tab-click="handleGoods" style="margin-top: 10px;">
				<el-tab-pane name="0">
					<span slot="label"><i class="el-icon-s-order"></i> 全部商品</span>
				</el-tab-pane>
				<el-tab-pane name="1">
					<span slot="label"><i class="el-icon-bank-card"></i> 出售中</span>
				</el-tab-pane>
				<el-tab-pane name="2">
					<span slot="label"><i class="el-icon-refrigerator"></i> 已售馨</span>
				</el-tab-pane>
				<el-tab-pane name="3">
					<span slot="label"><i class="el-icon-truck"></i>仓库中</span>
				</el-tab-pane>
				<el-tab-pane name="4">
					<span slot="label"><i class="el-icon-truck"></i> 回收站</span>
				</el-tab-pane>
				<!-- <el-tab-pane name="5">
					<span slot="label"><i class="el-icon-truck"></i>
						<el-button class="btn-add" @click="handleAddProduct()" size="mini">
							添加商品
						</el-button>
					</span>
				</el-tab-pane> -->
			</el-tabs>

			<div class="batch-operate-container">
				<el-select size="small" v-model="operateType" placeholder="批量操作">
					<el-option v-for="item in operates" :key="item.value" :label="item.label" :value="item.value">
					</el-option>
				</el-select>
				<el-button style="margin-left: 20px" class="search-button" @click="handleBatchOperate()" type="primary"
					size="small">
					确定
				</el-button>
			</div>
			<div class="pagination-container">
				<el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange"
					layout="total, sizes,prev, pager, next,jumper" :page-size="listQuery.pageSize"
					:page-sizes="[5,10,15]" :current-page.sync="listQuery.pageNum" :total="total">
				</el-pagination>
			</div>
			<div class="table-container">
				<el-table ref="productTable" :data="list" style="width: 100%" @selection-change="handleSelectionChange"
					v-loading="listLoading" border>
					<el-table-column type="selection" width="60" align="center"></el-table-column>
					<el-table-column label="编号" width="100" align="center">
						<template slot-scope="scope">{{scope.row.id}}</template>
					</el-table-column>
					<el-table-column label="商品图片" width="120" align="center">
						<template slot-scope="scope"><img style="height: 80px" :src="scope.row.pic"></template>
					</el-table-column>
					<el-table-column label="商品名称" align="center">
						<template slot-scope="scope">
							<p>{{scope.row.name}}</p>
							<p>品牌：{{scope.row.brandName}}</p>
						</template>
					</el-table-column>
					<el-table-column label="价格/货号" width="120" align="center">
						<template slot-scope="scope">
							<p>价格：￥{{scope.row.price}}</p>
							<p>货号：{{scope.row.productSn}}</p>
						</template>
					</el-table-column>
					<el-table-column label="标签" width="140" align="center">
						<template slot-scope="scope">
							<p>上架：
								<el-switch @change="handlePublishStatusChange(scope.$index, scope.row)"
									:active-value="1" :inactive-value="0" v-model="scope.row.publishStatus">
								</el-switch>
							</p>
							<p>新品：
								<el-switch @change="handleNewStatusChange(scope.$index, scope.row)" :active-value="1"
									:inactive-value="0" v-model="scope.row.newStatus">
								</el-switch>
							</p>
							<p>推荐：
								<el-switch @change="handleRecommendStatusChange(scope.$index, scope.row)"
									:active-value="1" :inactive-value="0" v-model="scope.row.recommandStatus">
								</el-switch>
							</p>
							<p>分销：
								<el-switch @change="handleFenxiaoStatusChange(scope.$index, scope.row)"
									:active-value="1" :inactive-value="0" v-model="scope.row.isFenxiao">
								</el-switch>
							</p>
							<p>会员商品：
								<el-switch @change="handleVipStatusChange(scope.$index, scope.row)" :active-value="1"
									:inactive-value="0" v-model="scope.row.isVip">
								</el-switch>
							</p>
						</template>
					</el-table-column>
					<el-table-column label="排序" width="100" align="center">
						<template slot-scope="scope">{{scope.row.sort}}</template>
					</el-table-column>
					<el-table-column label="SKU库存" width="100" align="center">
						<template slot-scope="scope">
							<p>{{scope.row.stock }}</p>
							<el-button type="primary" icon="el-icon-edit"
								@click="handleShowSkuEditDialog(scope.$index, scope.row)" circle></el-button>
						</template>
					</el-table-column>
					<el-table-column label="销量" width="100" align="center">
						<template slot-scope="scope">{{scope.row.sale}}</template>
					</el-table-column>
					<el-table-column label="审核状态" width="100" align="center">
						<template slot-scope="scope">
							<p>{{scope.row.verifyStatus | verifyStatusFilter}}</p>
							<p>
								<el-button type="text" @click="handleShowVeriyEditDialog(scope.$index, scope.row)">审核详情
								</el-button>
							</p>
						</template>
					</el-table-column>
					<el-table-column label="操作" width="160" align="center">
						<template slot-scope="scope">
							<p>
								<el-button size="mini" @click="handleDeleteStatus(scope.$index, scope.row)">回收
								</el-button>
								<el-button size="mini" @click="handleUpdateProduct(scope.$index, scope.row)">编辑
								</el-button>
							</p>
							<p>
								<el-button size="mini" @click="handleShowVeriyEditDialog(scope.$index, scope.row)">日志
								</el-button>
								<el-button size="mini" type="danger" @click="handleDelete(scope.$index, scope.row)">删除
								</el-button>
							</p>
						</template>
					</el-table-column>
				</el-table>
			</div>

			<el-dialog title="审核信息" :visible.sync="vertyProduct.dialogVisible" width="40%">
				<el-form :model="vertyProduct" ref="brandFrom" label-width="150px">
					<el-form-item label="审核状态：" prop="verifyStatus">
						<el-switch v-model="vertyProduct.verifyStatus" :active-value="1" :inactive-value="0">
						</el-switch>
					</el-form-item>
					<el-form-item label="审核备注：" prop="detail">
						<el-input v-model="vertyProduct.detail"></el-input>
					</el-form-item>

					<el-form-item>
						<el-button @click="vertyProduct.dialogVisible = false">取 消</el-button>
						<el-button type="primary" @click="handleEditVConfirm">确 定</el-button>
					</el-form-item>
				</el-form>
				<el-table style="width: 100%;margin-top: 20px" :data="vertyProduct.list" border>
					<el-table-column label="审核状态" width="160" align="center">
						<template slot-scope="scope">{{scope.row.status | verifyStatusFilter}}</template>
					</el-table-column>
					<el-table-column label="审核人" width="160" align="center">
						<template slot-scope="scope">{{scope.row.vertifyMan}}</template>
					</el-table-column>
					<el-table-column label="审核信息" width="160" align="center">
						<template slot-scope="scope">{{scope.row.detail}}</template>
					</el-table-column>
					<el-table-column label="审核时间" width="160" align="center">
						<template slot-scope="scope">{{scope.row.createTime|formatTime}}</template>
					</el-table-column>
				</el-table>
			</el-dialog>

			<el-dialog title="编辑货品信息" :visible.sync="editSkuInfo.dialogVisible" width="40%">
				<span>商品货号：</span>
				<span>{{editSkuInfo.productSn}}</span>
				<el-input placeholder="按sku编号搜索" v-model="editSkuInfo.keyword" size="small"
					style="width: 50%;margin-left: 20px">
					<el-button slot="append" icon="el-icon-search" @click="handleSearchEditSku"></el-button>
				</el-input>
				<el-table style="width: 100%;margin-top: 20px" :data="editSkuInfo.stockList" border>
					<el-table-column label="SKU编号" align="center">
						<template slot-scope="scope">
							<el-input v-model="scope.row.skuCode"></el-input>
						</template>
					</el-table-column>
					<el-table-column v-for="(item,index) in editSkuInfo.productAttr" :label="item.name" :key="item.id"
						align="center">
						<template slot-scope="scope">
							{{getProductSkuSp(scope.row,index)}}
						</template>
					</el-table-column>
					<el-table-column label="销售价格" width="80" align="center">
						<template slot-scope="scope">
							<el-input v-model="scope.row.price"></el-input>
						</template>
					</el-table-column>
					<el-table-column label="商品库存" width="80" align="center">
						<template slot-scope="scope">
							<el-input v-model="scope.row.stock"></el-input>
						</template>
					</el-table-column>
					<el-table-column label="库存预警值" width="100" align="center">
						<template slot-scope="scope">
							<el-input v-model="scope.row.lowStock"></el-input>
						</template>
					</el-table-column>
				</el-table>
				<span slot="footer" class="dialog-footer">
					<el-button @click="editSkuInfo.dialogVisible = false">取 消</el-button>
					<el-button type="primary" @click="handleEditSkuConfirm">确 定</el-button>
				</span>
			</el-dialog>
		</div>
	</div>
</template>
<script>
	import ButtonBar from '@/components/ButtonBar'

	import {
		formatDate
	} from '@/utils/date';
	import {
		fetchList,
		updateDeleteStatus,
		updateNewStatus,
		updateRecommendStatus,
		updatePaiMai,
		updateFenxiao,
		updateVip,
		deleteProduct,
		updatePublishStatus,
		updateVerifyStatus,
		fetchVList
	} from '@/api/product'
	import {
		fetchList as fetchSkuStockList,
		update as updateSkuStockList
	} from '@/api/skuStock'
	import {
		fetchList as fetchProductAttrList
	} from '@/api/productAttr'
	import {
		fetchList as fetchBrandList
	} from '@/api/brand'
	import {
		fetchListWithChildren
	} from '@/api/productCate'

	const defaultListQuery = {
		keyword: null,
		pageNum: 1,
		pageSize: 5,
		status: 0,
		publishStatus: null,
		verifyStatus: null,
		productSn: null,
		productCategoryId: null,
		brandId: null
	};
	export default {
		components: {
			ButtonBar,
		},
		name: "productList",
		data() {
			return {
				status: 0,
				btndisabled: false,
				isSearchShow: false,
				searchxianshitit: '显示查询条件',
				dialogVVisible: false,
				editSkuInfo: {
					dialogVisible: false,
					productId: null,
					productSn: '',
					productAttributeCategoryId: null,
					stockList: [],
					productAttr: [],
					keyword: null
				},
				vertyProduct: {
					dialogVisible: false,
					productId: null,
					detail: '',
					verifyStatus: null,
					list: null
				},
				operates: [{
						label: "商品上架",
						value: "publishOn"
					},
					{
						label: "商品下架",
						value: "publishOff"
					},
					{
						label: "设为推荐",
						value: "recommendOn"
					},
					{
						label: "取消推荐",
						value: "recommendOff"
					},
					{
						label: "设为新品",
						value: "newOn"
					},
					{
						label: "取消新品",
						value: "newOff"
					},
					{
						label: "转移到分类",
						value: "transferCategory"
					},
					{
						label: "移入回收站",
						value: "recycle"
					}
				],
				tabsName: '1',
				operateType: null,
				listQuery: Object.assign({}, defaultListQuery),
				list: null,
				total: null,
				listLoading: true,
				selectProductCateValue: null,
				multipleSelection: [],
				productCateOptions: [],
				brandOptions: [],
				publishStatusOptions: [{
					value: 1,
					label: '上架'
				}, {
					value: 0,
					label: '下架'
				}],
				verifyStatusOptions: [{
					value: 1,
					label: '审核通过'
				}, {
					value: 0,
					label: '未审核'
				}],
				statusOptions: [{
					value: 1,
					label: '出售中'
				}, {
					value: 2,
					label: '已售馨'
				}, {
					value: 3,
					label: '仓库中'
				}, {
					value: 4,
					label: '回收站'
				}],
				btnList: [{
					type: 'primary',
					size: 'small',
					icon: 'add',
					btnKey: 'toAdd',
					btnLabel: '新增'
				}, {
					type: 'info',
					size: 'small',
					icon: 'cross',
					btnKey: 'doClose',
					btnLabel: '关闭'
				}],
				queryParams: {
					current: 1,
					size: 10,
					total: 0,
					params: {
						orderId: '',
						supplierName: '',
						auditStatus: '',
						goodsStatus: '',
						orderStartDate: '',
						orderEndDate: '',
						arrivalStartDate: '',
						arrivalEndDate: '',
						queryType: ''
					}
				},
			}
		},

		mounted() {
			this.$refs['btnbar'].setButtonList(this.btnList)
		},
		created() {
			this.getList();
			this.getBrandList();
			this.getProductCateList();
		},
		watch: {
			selectProductCateValue: function(newValue) {
				console.log(newValue)
				if (newValue != null) {
					this.listQuery.productCategoryId = newValue[newValue.length - 1 > 0 ? newValue.length - 1 : 0];
				} else {
					this.listQuery.productCategoryId = null;
				}

			}
		},
		filters: {
			verifyStatusFilter(value) {
				if (value === 1) {
					return '审核通过';
				} else {
					return '未审核';
				}
			},
			formatTime(time) {
				if (time == null || time === '') {
					return 'N/A';
				}
				let date = new Date(time);
				return formatDate(date, 'yyyy-MM-dd hh:mm:ss')
			},
		},
		methods: {
			// 搜索条件效果
			clicksearchShow() {
				this.isSearchShow = !this.isSearchShow
				if (this.isSearchShow) {
					this.searchxianshitit = '隐藏查询条件'
				} else {
					this.searchxianshitit = '显示查询条件'
				}
			},
			btnHandle(btnKey) {
				switch (btnKey) {
					case 'doClose':
						this.doClose()
						break
					default:
						break
				}
			},
			dosearch() {
				this.queryParams.current = 1
				// this.loadList()
			},
			resetQuery() {
				this.queryParams = {
					current: 1,
					size: 10,
					total: 0,
					params: {
						orderId: '',
						supplierName: '',
						auditStatus: '',
						goodsStatus: '',
						orderStartDate: '',
						orderEndDate: '',
						arrivalStartDate: '',
						arrivalEndDate: '',
						queryType: ''
					}
				}
				// this.loadList()
			},
			doClose() {
				this.$store.dispatch('tagsView/delView', this.$route)
				this.$router.go(-1)
			},
			handleGoods(tab, event) {
				this.listQuery.status = tab.name;
				this.getList()
			},
			getProductSkuSp(row, index) {
				if (index === 0) {
					return row.sp1;
				} else if (index === 1) {
					return row.sp2;
				} else {
					return row.sp3;
				}
			},
			getList() {
				this.listLoading = true;
				fetchList(this.listQuery).then(response => {
					this.listLoading = false;
					this.list = response.data.records;
					this.total = response.data.total;
				});
			},
			getBrandList() {
				fetchBrandList({
					pageNum: 1,
					pageSize: 100
				}).then(response => {
					this.brandOptions = [];
					let brandList = response.data.records;
					for (let i = 0; i < brandList.length; i++) {
						this.brandOptions.push({
							label: brandList[i].name,
							value: brandList[i].id
						});
					}
				});
			},
			getProductCateList() {
				fetchListWithChildren().then(response => {
					let list = response.data;
					this.productCateOptions = [];
					for (let i = 0; i < list.length; i++) {
						let children = [];
						if (list[i].children != null && list[i].children.length > 0) {
							for (let j = 0; j < list[i].children.length; j++) {
								children.push({
									label: list[i].children[j].name,
									value: list[i].children[j].id
								});
							}
						}
						this.productCateOptions.push({
							label: list[i].name,
							value: list[i].id,
							children: children
						});
					}
				});
			},
			handleShowVeriyEditDialog(index, row) {
				this.vertyProduct.dialogVisible = true;
				this.vertyProduct.productId = row.id;
				this.vertyProduct.verifyStatus = row.verifyStatus;
				fetchVList(row.id).then(response => {
					this.vertyProduct.list = response.data;
				});
			},
			handleShowSkuEditDialog(index, row) {
				this.editSkuInfo.dialogVisible = true;
				this.editSkuInfo.productId = row.id;
				this.editSkuInfo.productSn = row.productSn;
				this.editSkuInfo.productAttributeCategoryId = row.productAttributeCategoryId;
				this.editSkuInfo.keyword = null;
				fetchSkuStockList(row.id, {
					keyword: this.editSkuInfo.keyword
				}).then(response => {
					this.editSkuInfo.stockList = response.data;
				});
				if (row.productAttributeCategoryId && row.productAttributeCategoryId > 0) {
					fetchProductAttrList(row.productAttributeCategoryId, {
						type: 0
					}).then(response => {
						this.editSkuInfo.productAttr = response.data.records;
					});
				}


			},
			handleSearchEditSku() {
				fetchSkuStockList(this.editSkuInfo.productId, {
					keyword: this.editSkuInfo.keyword
				}).then(response => {
					this.editSkuInfo.stockList = response.data;
				});
			},
			handleEditSkuConfirm() {
				if (this.editSkuInfo.stockList == null || this.editSkuInfo.stockList.length <= 0) {
					this.$message({
						message: '暂无sku信息',
						type: 'warning',
						duration: 1000
					});
					return
				}
				this.$confirm('是否要进行修改', '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning'
				}).then(() => {
					updateSkuStockList(this.editSkuInfo.productId, this.editSkuInfo.stockList).then(response => {
						this.$message({
							message: '修改成功',
							type: 'success',
							duration: 1000
						});
						this.editSkuInfo.dialogVisible = false;
					});
				});
			},
			handleEditVConfirm() {
				if (this.vertyProduct.detail == null) {
					this.$message({
						message: '暂无审核信息',
						type: 'warning',
						duration: 1000
					});
					return
				}
				this.$confirm('是否要进行审核', '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning'
				}).then(() => {

					let params = new URLSearchParams();

					params.append('ids', this.vertyProduct.productId);
					params.append('verifyStatus', this.vertyProduct.verifyStatus);
					params.append('detail', this.vertyProduct.detail);
					updateVerifyStatus(params).then(response => {
						this.$message({
							message: '修改成功',
							type: 'success',
							duration: 1000
						});
						this.getList();
					});
					this.vertyProduct.dialogVisible = false;

				});
			},

			handleSearchList() {
				this.listQuery.pageNum = 1;
				this.getList();
			},
			handleAddProduct() {
				this.$router.push({
					path: '/pms/addProduct'
				});
			},
			handleBatchOperate() {
				if (this.operateType == null) {
					this.$message({
						message: '请选择操作类型',
						type: 'warning',
						duration: 1000
					});
					return;
				}
				if (this.multipleSelection == null || this.multipleSelection.length < 1) {
					this.$message({
						message: '请选择要操作的商品',
						type: 'warning',
						duration: 1000
					});
					return;
				}
				this.$confirm('是否要进行该批量操作?', '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning'
				}).then(() => {
					let ids = [];
					for (let i = 0; i < this.multipleSelection.length; i++) {
						ids.push(this.multipleSelection[i].id);
					}
					switch (this.operateType) {
						case this.operates[0].value:
							this.updatePublishStatus(1, ids);
							break;
						case this.operates[1].value:
							this.updatePublishStatus(0, ids);
							break;
						case this.operates[2].value:
							this.updateRecommendStatus(1, ids);
							break;
						case this.operates[3].value:
							this.updateRecommendStatus(0, ids);
							break;
						case this.operates[4].value:
							this.updateNewStatus(1, ids);
							break;
						case this.operates[5].value:
							this.updateNewStatus(0, ids);
							break;
						case this.operates[6].value:
							break;
						case this.operates[7].value:
							this.updateDeleteStatus(1, ids);
							break;
						default:
							break;
					}
					this.getList();
				});
			},
			handleSizeChange(val) {
				this.listQuery.pageNum = 1;
				this.listQuery.pageSize = val;
				this.getList();
			},
			handleCurrentChange(val) {
				this.listQuery.pageNum = val;
				this.getList();
			},
			handleSelectionChange(val) {
				this.multipleSelection = val;
			},
			handlePublishStatusChange(index, row) {
				let ids = [];
				ids.push(row.id);
				this.updatePublishStatus(row.publishStatus, ids);
			},

			handleupdatePaiMaiChange(index, row) {
				let ids = [];
				ids.push(row.id);
				this.updatePaiMai(row.publishStatus, ids);
			},
			handleVipStatusChange(index, row) {
				let ids = [];
				ids.push(row.id);
				this.updateVipStatus(row.isVip, ids);
			},
			handleFenxiaoStatusChange(index, row) {
				let ids = [];
				ids.push(row.id);
				this.updateFenxiaoStatus(row.isFenxiao, ids);
			},
			handleNewStatusChange(index, row) {
				let ids = [];
				ids.push(row.id);
				this.updateNewStatus(row.newStatus, ids);
			},
			handleVerifyStatusChange(index, row) {
				let ids = [];
				ids.push(row.id);
				this.updateVerifyStatus(row.verifyStatus, ids);
			},
			handleRecommendStatusChange(index, row) {
				let ids = [];
				ids.push(row.id);
				this.updateRecommendStatus(row.recommandStatus, ids);
			},
			handleResetSearch() {
				this.selectProductCateValue = [];
				this.listQuery = Object.assign({}, defaultListQuery);
			},

			handleDeleteStatus(index, row) {
				this.$confirm('是否要进行放入回收站操作?', '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning'
				}).then(() => {
					let ids = [];
					ids.push(row.id);
					this.updateDeleteStatus(0, ids);

				});
			},
			handleDelete(index, row) {
				this.$confirm('是否要进行删除操作?', '提示', {
					confirmButtonText: '确定',
					cancelButtonText: '取消',
					type: 'warning'
				}).then(() => {
					let ids = [];
					ids.push(row.id);

					deleteProduct(row.id).then(response => {
						this.$message({
							message: '删除成功',
							type: 'success',
							duration: 1000
						});
						this.getList();
					});
				});
			},
			handleUpdateProduct(index, row) {
				this.$router.push({
					path: '/pms/updateProduct',
					query: {
						id: row.id
					}
				});
			},
			handleShowProduct(index, row) {
				console.log("handleShowProduct", row);
			},
			handleShowVerifyDetail(index, row) {
				console.log("handleShowVerifyDetail", row);
			},
			handleShowLog(index, row) {
				console.log("handleShowLog", row);
			},
			updateVerifyStatus(publishStatus, ids) {
				let params = new URLSearchParams();
				params.append('ids', ids);
				params.append('verifyStatus', verifyStatus);
				updateVerifyStatus(params).then(response => {
					this.$message({
						message: '修改成功',
						type: 'success',
						duration: 1000
					});
				});
			},
			updatePublishStatus(publishStatus, ids) {
				let params = new URLSearchParams();
				params.append('ids', ids);
				params.append('publishStatus', publishStatus);
				updatePublishStatus(params).then(response => {
					this.$message({
						message: '修改成功',
						type: 'success',
						duration: 1000
					});
				});
			},
			updateFenxiaoStatus(newStatus, ids) {
				let params = new URLSearchParams();
				params.append('ids', ids);
				params.append('newStatus', newStatus);
				updateFenxiao(params).then(response => {
					this.$message({
						message: '修改成功',
						type: 'success',
						duration: 1000
					});
				});
			},
			updateVipStatus(newStatus, ids) {
				let params = new URLSearchParams();
				params.append('ids', ids);
				params.append('newStatus', newStatus);
				updateVip(params).then(response => {
					this.$message({
						message: '修改成功',
						type: 'success',
						duration: 1000
					});
				});
			},

			updateNewStatus(newStatus, ids) {
				let params = new URLSearchParams();
				params.append('ids', ids);
				params.append('newStatus', newStatus);
				updateNewStatus(params).then(response => {
					this.$message({
						message: '修改成功',
						type: 'success',
						duration: 1000
					});
				});
			},
			updateRecommendStatus(recommendStatus, ids) {
				let params = new URLSearchParams();
				params.append('ids', ids);
				params.append('recommendStatus', recommendStatus);
				updateRecommendStatus(params).then(response => {
					this.$message({
						message: '修改成功',
						type: 'success',
						duration: 1000
					});
				});
			},
			updateDeleteStatus(deleteStatus, ids) {
				let params = new URLSearchParams();
				params.append('ids', ids);
				params.append('deleteStatus', deleteStatus);
				updateDeleteStatus(params).then(response => {
					this.$message({
						message: '回收成功',
						type: 'success',
						duration: 1000
					});
				});
				this.getList();
			}
		}
	}
</script>
<style></style>
