<template>
  <div class="app-container">
	<!--搜索-->
    <el-form class="mt_15" ref="searchForm" inline size="small">

		<el-form-item label="公司ID">
    		<el-input v-model.trim="searchParm.companyId" clearable placeholder='公司ID'></el-input>
  		</el-form-item>
  		<el-form-item label="ExcelID">
    		<el-input v-model.trim="searchParm.excelInfoId" clearable placeholder='ExcelID'></el-input>
  		</el-form-item>
  		<el-form-item label="公司订单编号">
    		<el-input v-model.trim="searchParm.ctOrderNo" clearable placeholder='公司订单编号'></el-input>
  		</el-form-item>
  		<el-form-item label="订单编号">
    		<el-input v-model.trim="searchParm.orderNo" clearable placeholder='订单编号'></el-input>
  		</el-form-item>
  		<el-form-item>
    		<el-button type="primary" @click="goSearch">搜索</el-button>
    		<el-button type="warning" @click="resetForm">重置</el-button>
  		</el-form-item>
	</el-form>
    <!--表格渲染-->
    <el-table ref="table" border size="small" :data="list" :header-cell-style="{textAlign:'center'}" :cell-style="{textAlign:'center'}">
      <el-table-column label="序号" type="index" width="50" />
      <el-table-column label="公司ID" prop="companyId" />
      <el-table-column label="创建时间" prop="createdAt" />
      <el-table-column label="公司订单编号" prop="ctOrderNo" />
      <el-table-column label="对应Excel信息ID" prop="excelInfoId" />
	  <el-table-column label="响应收件地址信息ID" prop="responseOrderAddressId">
		<template slot-scope="scope">
			<div @click="getOrderAddById(scope.row.id)">{{scope.row.responseOrderAddressId}}</div>
		</template>
	  </el-table-column>
	  <el-table-column label="响应订单信息ID" prop="responseOrderId">
	  	<template slot-scope="scope">
			<div @click="getOrderById(scope.row.id)">{{scope.row.responseOrderId}}</div>
		</template>
	  </el-table-column>
	  <el-table-column label="响应产品信息ID" prop="responseProductId">
	  	<template slot-scope="scope">
			<div @click="getProductById(scope.row.id)">{{scope.row.responseProductId}}</div> 
		</template>
	  </el-table-column>
	  <el-table-column label="状态" prop="status">
		<template slot-scope="scope">
			{{ scope.row.status | getStatus}}
		</template>
	  </el-table-column>
      <el-table-column label="修改时间" prop="updatedAt" />
      <el-table-column label="操作">
		<template slot-scope="scope">
    		<el-button type="info" @click="getInfoById(scope.row.id)">查看</el-button>
      	</template>
      </el-table-column>
    </el-table>
    <!--分页-->
    <div class="mt_15">
	    <el-pagination
	      @size-change="handleSizeChange"
	      @current-change="handleCurrentChange"
	      :current-page="searchParm.page"
	      :page-sizes="[10, 20, 30, 40, 50]"
	      :page-size="searchParm.pageSize"
	      layout="total, sizes, prev, pager, next, jumper"
	      :total="total">
	    </el-pagination>
  	</div>
	<!--详情弹窗-->
  	<el-dialog :visible.sync="dialogDetailVisible" :title="dialogDetailTitle" center width="45%">
  		<div class="dialog-content">
  		 	<el-form ref="form" size="small" label-width="150px">
	  			<el-form-item label="公司ID" prop="companyId" >
	    			<el-input v-model.trim="detailParm.companyId" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="创建时间" prop="createdAt" >
	    			<el-input v-model.trim="detailParm.createdAt	" :disabled="true"></el-input>
	  			</el-form-item>
	  			<el-form-item label="订单编号" prop="ctOrderNo">
	    			<el-input v-model.trim="detailParm.ctOrderNo" :disabled="true"></el-input>
	  			</el-form-item>
	  			<el-form-item label="所属Excel信息对应ID" prop="excelInfoId">
	    			<el-input v-model.trim="detailParm.excelInfoId" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="敦煌响应订单编号" prop="orderNo" >
	    			<el-input v-model.trim="detailParm.companyId" :disabled="true"></el-input>
	  			</el-form-item>
	  			<el-form-item label="响应收件地址信息ID" prop="responseOrderAddressId">
	    			<el-input v-model.trim="detailParm.ctOrderNo" :disabled="true"></el-input>
	  			</el-form-item>
	  			<el-form-item label="响应订单信息ID" prop="responseOrderId">
	    			<el-input v-model.trim="detailParm.excelInfoId" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="响应产品信息ID" prop="responseProductId">
	    			<el-input v-model.trim="detailParm.excelInfoId" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="状态" prop="status">
	    			<el-input v-if="detailParm.status == 1" value="待支付" :disabled="true"></el-input>
					<el-input v-if="detailParm.status == 2" value="支付成功" :disabled="true"></el-input>
					<el-input v-if="detailParm.status == 3" value="支付失败" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="修改时间" prop="updatedAt">
	    			<el-input v-model.trim="detailParm.updatedAt" :disabled="true"></el-input>
	  			</el-form-item>
			</el-form>
  		</div>
 	 </el-dialog>
	<!--响应收件地址信息弹窗-->
  	<el-dialog :visible.sync="dialogOrderAddDetailVisible" :title="dialogOrderAddDetailTitle" center width="45%">
  		<div class="dialog-content">
  		 	<el-form ref="form" size="small" label-width="150px">
	  			<el-form-item label="地址1" prop="addressline1" >
	    			<el-input v-model.trim="detailOrderAddParm.addressline1" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="地址2" prop="addressline2" >
	    			<el-input v-model.trim="detailOrderAddParm.addressline2" :disabled="true"></el-input>
	  			</el-form-item>
	  			<el-form-item label="城市" prop="city">
	    			<el-input v-model.trim="detailOrderAddParm.city" :disabled="true"></el-input>
	  			</el-form-item>
	  			<el-form-item label="国家" prop="country">
	    			<el-input v-model.trim="detailOrderAddParm.country" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="创建时间" prop="createdAt" >
	    			<el-input v-model.trim="detailOrderAddParm.createdAt" :disabled="true"></el-input>
	  			</el-form-item>
	  			<el-form-item label="firstname" prop="firstname">
	    			<el-input v-model.trim="detailOrderAddParm.firstname" :disabled="true"></el-input>
	  			</el-form-item>
	  			<el-form-item label="lastname" prop="lastname">
	    			<el-input v-model.trim="detailOrderAddParm.lastname" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="邮政编码" prop="postalcode">
	    			<el-input v-model.trim="detailOrderAddParm.postalcode" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="州" prop="state">
	    			<el-input v-model.trim="detailOrderAddParm.state" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="电话" prop="tel">
	    			<el-input v-model.trim="detailOrderAddParm.tel" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="修改时间" prop="updatedAt">
	    			<el-input v-model.trim="detailOrderAddParm.updatedAt" :disabled="true"></el-input>
	  			</el-form-item>
			</el-form>
  		</div>
 	 </el-dialog>
	<!--响应订单信息弹窗-->
  	<el-dialog :visible.sync="dialogOrderDetailVisible" :title="dialogOrderDetailTitle" center width="45%">
  		<div class="dialog-content">
  		 	<el-form ref="form" size="small" label-width="150px">
	  			<el-form-item label="买家Id" prop="buyerId" >
	    			<el-input v-model.trim="detailOrderParm.buyerId" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="DHcoupon" prop="couponDiscount" >
	    			<el-input v-model.trim="detailOrderParm.couponDiscount" :disabled="true"></el-input>
	  			</el-form-item>
	  			<el-form-item label="卖家店铺coupon" prop="couponOfSeller" >
	    			<el-input v-model.trim="detailOrderParm.couponOfSeller" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="创建时间" prop="createTime" >
	    			<el-input v-model.trim="detailOrderParm.createTime" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="创建时间(我们平台)" prop="createdAt" >
	    			<el-input v-model.trim="detailOrderParm.createdAt" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="订单号" prop="orderId" >
	    			<el-input v-model.trim="detailOrderParm.orderId" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="订单优惠" prop="orderSave" >
	    			<el-input v-model.trim="detailOrderParm.orderSave" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="促销折扣" prop="promoDiscount" >
	    			<el-input v-model.trim="detailOrderParm.promoDiscount" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="运费" prop="shipCost" >
	    			<el-input v-model.trim="detailOrderParm.shipCost" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="运输方式" prop="shipType" >
	    			<el-input v-model.trim="detailOrderParm.shipType" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="下单站点" prop="siteId" >
	    			<el-input v-model.trim="detailOrderParm.siteId" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="卖家Id" prop="supplierId" >
	    			<el-input v-model.trim="detailOrderParm.supplierId" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="税费" prop="tax" >
	    			<el-input v-model.trim="detailOrderParm.tax" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="税费手续费" prop="taxCharge" >
	    			<el-input v-model.trim="detailOrderParm.taxCharge" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="产品总价" prop="totalPriceOfProduct" >
	    			<el-input v-model.trim="detailOrderParm.totalPriceOfProduct" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="修改时间" prop="updatedAt" >
	    			<el-input v-model.trim="detailOrderParm.updatedAt" :disabled="true"></el-input>
	  			</el-form-item>
			</el-form>
  		</div>
 	 </el-dialog>
	<!--响应产品信息弹窗-->
  	<el-dialog :visible.sync="dialogProductDetailVisible" :title="dialogProductDetailTitle" center width="45%">
  		<div class="dialog-content">
  		 	<el-form ref="form" size="small" label-width="150px">
	  			<el-form-item label="商品总金额" prop="amount" >
	    			<el-input v-model.trim="detailProductParm.amount" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="购买数量" prop="cateDispId" >
	    			<el-input v-model.trim="detailProductParm.cateDispId" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="发布类目id" prop="catePubId" >
	    			<el-input v-model.trim="detailProductParm.catePubId" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="创建时间" prop="createTime" >
	    			<el-input v-model.trim="detailProductParm.createTime" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="创建时间(我们平台)" prop="createdAt" >
	    			<el-input v-model.trim="detailProductParm.createdAt" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="跨店满减金额" prop="crossReduceAmount" >
	    			<el-input v-model.trim="detailProductParm.crossReduceAmount" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="产品长描地址" prop="htmlUrl" >
	    			<el-input v-model.trim="detailProductParm.htmlUrl" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="产品图片（大图）" prop="imageUrl" >
	    			<el-input v-model.trim="detailProductParm.imageUrl" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="产品itemcode" prop="itemcode" >
	    			<el-input v-model.trim="detailProductParm.itemcode" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="lots" prop="lots" >
	    			<el-input v-model.trim="detailProductParm.lots" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="产品单位Id" prop="measureId" >
	    			<el-input v-model.trim="detailProductParm.measureId" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="产品单位名称" prop="measureName" >
	    			<el-input v-model.trim="detailProductParm.measureName" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="销售价格" prop="originPrice" >
	    			<el-input v-model.trim="detailProductParm.originPrice" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="最终价格" prop="price" >
	    			<el-input v-model.trim="detailProductParm.price" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="卖家设置价格" prop="prodPriceOrg" >
	    			<el-input v-model.trim="detailProductParm.prodPriceOrg" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="产品Id" prop="productId" >
	    			<el-input v-model.trim="detailProductParm.productId" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="产品名称" prop="productName" >
	    			<el-input v-model.trim="detailProductParm.productName" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="产品URL" prop="productUrl" >
	    			<el-input v-model.trim="detailProductParm.productUrl" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="促销折扣" prop="promDis" >
	    			<el-input v-model.trim="detailProductParm.promDis" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="卖家承诺运达天数" prop="promiseDays" >
	    			<el-input v-model.trim="detailProductParm.promiseDays" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="最终运费" prop="shipCost" >
	    			<el-input v-model.trim="detailProductParm.shipCost" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="buyer选择的运输方式" prop="shipType" >
	    			<el-input v-model.trim="detailProductParm.shipType" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="短描" prop="shortDescription" >
	    			<el-input v-model.trim="detailProductParm.shortDescription" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="产品skuId" prop="skuId" >
	    			<el-input v-model.trim="detailProductParm.skuId" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="产品skumd5" prop="skuMd5" >
	    			<el-input v-model.trim="detailProductParm.addressline1" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="备货国家" prop="stockin" >
	    			<el-input v-model.trim="detailProductParm.addressline1" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="卖家Id" prop="supplierId" >
	    			<el-input v-model.trim="detailProductParm.addressline1" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="产品图片(小图)" prop="thumbnailImage" >
	    			<el-input v-model.trim="detailProductParm.thumbnailImage" :disabled="true"></el-input>
	  			</el-form-item>
				<el-form-item label="修改时间" prop="updatedAt" >
	    			<el-input v-model.trim="detailProductParm.updatedAt" :disabled="true"></el-input>
	  			</el-form-item>
			</el-form>
  		</div>
 	 </el-dialog>
  </div>
</template>
<script>
	import { getList, getById, getOrderInfoById, getOrderProductById, getOrderAddressById, } from '@/api/group/order'
export default {
	//状态过滤器
	filters: {
	  getStatus: function (value) {
	   if(value == 1) {
	   	return '待支付';
	   } else if (value == 2) {
	   	return '支付成功';
	   } else {
	   	return '支付失败';
	   }
	  }
	},
	//数据
  	data() {
    	return {
			searchParm:{
			companyId:null,
			excelInfoId:null,
			ctOrderNo:null,
			orderNo:null,
			page:1,
			pageSize:10,
			sort:'created_at',
			order:'desc'
			},
    		total:0,
     		list: [],
			dialogDetailVisible: false,
  	    	dialogDetailTitle: '详情',
			dialogOrderDetailVisible: false,
    	  	dialogOrderDetailTitle: '响应订单信息',
			dialogOrderAddDetailVisible: false,
    	  	dialogOrderAddDetailTitle: '响应收件地址信息',
			dialogProductDetailVisible: false,
    	  	dialogProductDetailTitle: '响应产品信息',
			detailParm: {
				id:null,
      			companyId: null,
				createdAt: null,
				ctOrderNo: null,
				excelInfoId: null,
				orderNo: null,
				responseOrderAddressId: null,
				responseOrderId: null,
				responseProductId: null,
				status: null,
				updatedAt: null
      		},
			detailOrderParm:{
				buyerId:null,
				couponDiscount:null,
				couponOfSeller:null,
				createTime:null,
				createdAt:null,
				leadingTime:null,
				orderId:null,
				orderSave:null,
				orderTotal:null,
				promoDiscount:null,
				shipCost:null,
				shipType:null,
				siteId:null,
				supplierId:null,
				tax:null,
				taxCharge:null,
				totalPriceOfProduct:null,
				updatedAt:null
			},
			detailOrderAddParm:{
				addressline1:null,
				addressline2:null,
				city:null,
				country:null,
				createdAt:null,
				firstname:null,
				id:null,
				lastname:null,
				postalcode:null,
				state:null,
				tel:null,
				updatedAt:null,
	  		},
			detailProductParm:{
				amount:null,
				cateDispId:null,
				catePubId:null,
				createTime:null,
				createdAt:null,
				crossReduceAmount:null,
				htmlUrl:null,	
				imageUrl:null,
				itemcode:null,
				lots:null,
				measureId:null,
				measureName:null,
				originPrice:null,
				price:null,
				prodPriceOrg:null,
				productId:null,
				productName:null,
				productUrl:null,
				promDis:null,
				promiseDays:null,
				shipCost:null,
				shipType:null,
				shortDescription:null,
				skuId:null,
				skuMd5:null,
				stockin:null,
				supplierId:null,
				thumbnailImage:null,
				updatedAt:null
			}
    }
  },
  // 调用
  created() {
	this.goSearch()
  },
	//方法
  methods: {
	//	查询
	goSearch() {
		this.searchParm.page=1
		this.getDataList()
	},
	//重置
	resetForm() {
        this.searchParm.companyId = null;
        this.searchParm.excelInfoId = null;
        this.searchParm.ctOrderNo = null;
		this.searchParm.orderNo = null;
        this.goSearch()
    },
	// 分页获取表格数据
	getDataList(){
		getList(this.searchParm).then(res => {
				console.log(res)
				if(res.code==200) {
					console.log(res)
					this.list = res.data.list;
					this.total = res.data.total;
				}
			}).catch(err => {
				console.log(err)
			})
	},
	//根据订单ID查询订单信息
	getInfoById(id){
		getById({id}).then(res =>{
			console.log(res)
			if(res.code==200){
				console.log(res)
				this.detailParm.companyId = res.data.companyId;
				this.detailParm.createdAt = res.data.createdAt;
				this.detailParm.ctOrderNo = res.data.ctOrderNo;
				this.detailParm.excelInfoId = res.data.excelInfoId;
				this.detailParm.orderNo = res.data.orderNo;
				this.detailParm.responseOrderAddressId = res.data.responseOrderAddressId;
				this.detailParm.responseOrderId = res.data.responseOrderId;
				this.detailParm.responseProductId = res.data.responseProductId;
				this.detailParm.status = res.data.status;
				this.detailParm.updatedAt = res.data.updatedAt;
				this.dialogDetailVisible = true
				this.$refs.ruleForm.clearValidate()
			}
		}).catch(err => {
			console.log(err)
		})
	},
	//根据订单ID查询响应订单信息
	getOrderById(id){
		getOrderInfoById({id}).then(res =>{
			console.log(res)
			if(res.code==200){
				console.log(res)
				this.detailOrderParm.buyerId = res.data.buyerId;
				this.detailOrderParm.couponDiscount = res.data.couponDiscount;
				this.detailOrderParm.couponOfSeller = res.data.couponOfSeller;
				this.detailOrderParm.createTime = res.data.createTime;
				this.detailOrderParm.createdAt = res.data.createdAt;
				this.detailOrderParm.leadingTime = res.data.leadingTime;
				this.detailOrderParm.orderId = res.data.orderId;
				this.detailOrderParm.orderSave = res.data.orderSave;
				this.detailOrderParm.orderTotal = res.data.orderTotal;
				this.detailOrderParm.promoDiscount = res.data.promoDiscount;
				this.detailOrderParm.shipCost = res.data.shipCost;
				this.detailOrderParm.shipType = res.data.shipType;
				this.detailOrderParm.siteId = res.data.siteId;
				this.detailOrderParm.supplierId = res.data.supplierId;
				this.detailOrderParm.tax = res.data.tax;
				this.detailOrderParm.taxCharge = res.data.taxCharge;
				this.detailOrderParm.totalPriceOfProduct = res.data.totalPriceOfProduct;
				this.detailOrderParm.updatedAt = res.data.updatedAt;
				this.dialogOrderDetailVisible = true;
				this.$refs.ruleForm.clearValidate();
			}
		}).catch(err => {
			console.log(err)
		})
	},
	//根据订单ID查询响应收件信息
	getOrderAddById(id){
		getOrderAddressById({id}).then(res =>{
			console.log(res)
			if(res.code==200){
				console.log(res)
				this.detailOrderAddParm.addressline1 = res.data.addressline1;
				this.detailOrderAddParm.addressline2 = res.data.addressline2;
				this.detailOrderAddParm.city = res.data.city;
				this.detailOrderAddParm.country = res.data.country;
				this.detailOrderAddParm.createdAt = res.data.createdAt;
				this.detailOrderAddParm.firstname = res.data.firstname;
				this.detailOrderAddParm.lastname = res.data.lastname;
				this.detailOrderAddParm.postalcode = res.data.postalcode;
				this.detailOrderAddParm.state = res.data.state;
				this.detailOrderAddParm.tel = res.data.tel;
				this.detailOrderAddParm.updatedAt = res.data.updatedAt;
				this.dialogOrderAddDetailVisible = true;
				this.$refs.ruleForm.clearValidate();
			}
		}).catch(err => {
			console.log(err)
		})
	},
	//根据订单ID查询响应产品信息
	getProductById(id){
		getOrderProductById({id}).then(res =>{
			console.log(res)
			if(res.code==200){
				console.log(res)
				this.detailProductParm.amount = res.data.amount;
				this.detailProductParm.cateDispId = res.data.cateDispId;
				this.detailProductParm.catePubId = res.data.catePubId;
				this.detailProductParm.createTime = res.data.createTime;
				this.detailProductParm.createdAt = res.data.createdAt;
				this.detailProductParm.crossReduceAmount = res.data.crossReduceAmount;
				this.detailProductParm.htmlUrl = res.data.htmlUrl;
				this.detailProductParm.imageUrl = res.data.imageUrl;
				this.detailProductParm.itemcode = res.data.itemcode;
				this.detailProductParm.lots = res.data.lots;
				this.detailProductParm.measureId = res.data.measureId;
				this.detailProductParm.measureName = res.data.measureName;
				this.detailProductParm.originPrice = res.data.originPrice;
				this.detailProductParm.price = res.data.price;
				this.detailProductParm.prodPriceOrg = res.data.prodPriceOrg;
				this.detailProductParm.productId = res.data.productId;
				this.detailProductParm.productName = res.data.productName;
				this.detailProductParm.productUrl = res.data.productUrl;
				this.detailProductParm.promDis = res.data.promDis;
				this.detailProductParm.promiseDays = res.data.promiseDays;
				this.detailProductParm.shipCost = res.data.shipCost;
				this.detailProductParm.shipType = res.data.shipType;
				this.detailProductParm.shortDescription = res.data.shortDescription;
				this.detailProductParm.skuId = res.data.skuId;
				this.detailProductParm.skuMd5 = res.data.skuMd5;
				this.detailProductParm.stockin = res.data.stockin;
				this.detailProductParm.supplierId = res.data.supplierId;
				this.detailProductParm.thumbnailImage = res.data.thumbnailImage;
				this.detailProductParm.updatedAt = res.data.updatedAt;	
				this.dialogProductDetailVisible = true;
				this.$refs.ruleForm.clearValidate();
			}
		}).catch(err => {
			console.log(err)
		})
	},
	//	分页
	handleSizeChange(val) {
   		console.log(`每页 ${val} 条`);
   		this.searchParm.pageSize = val;
   		this.getDataList();
  	},
  	handleCurrentChange(val) {
    	console.log(`当前页: ${val}`);
    	this.searchParm.page = val;
    	this.getDataList();
  	}
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
</style>
