添加商品库存批量编辑

src/api/skuStock.js

@@ -0,0 +1,16 @@
+import request from '@/utils/request'
+export function fetchList(pid,params) {
+ return request({
+ url:'/sku/'+pid,
+ method:'get',
+ params:params
+ })
+}
+
+export function update(pid,data) {
+ return request({
+ url:'/sku/update/'+pid,
+ method:'post',
+ data:data
+ })
+}

src/views/pms/product/components/ProductAttrDetail.vue

@@ -95,6 +95,11 @@
  style="margin-top: 20px"
  @click="handleRefreshProductSkuList">刷新列表
  </el-button>
+ <el-button
+ type="primary"
+ style="margin-top: 20px"
+ @click="handleSyncProductSkuPrice">同步价格
+ </el-button>
  </el-form-item>
  <el-form-item label="属性图片：" v-if="hasAttrPic">
  <el-card shadow="never" class="cardBg">
@@ -403,6 +408,20 @@
  this.refreshProductSkuList();
  });
  },
+ handleSyncProductSkuPrice(){
+ this.$confirm('将同步第一个sku的价格到所有sku,是否继续', '提示', {
+ confirmButtonText: '确定',
+ cancelButtonText: '取消',
+ type: 'warning'
+ }).then(() => {
+ if(this.value.skuStockList!==null&&this.value.skuStockList.length>0){
+ let price=this.value.skuStockList[0].price;
+ for(let i=0;i<this.value.skuStockList.length;i++){
+ this.value.skuStockList[i].price=price;
+ }
+ }
+ });
+ },
  refreshProductSkuList() {
  this.value.skuStockList = [];
  let skuList = this.value.skuStockList;

src/views/pms/product/components/ProductDetail.vue

@@ -119,6 +119,13 @@
  showStatus: [true, false, false, false]
  }
  },
+ created(){
+ if(this.isEdit){
+ getProduct(this.$route.query.id).then(response=>{
+ this.productParam=response.data;
+ });
+ }
+ },
  methods: {
  hideAll() {
  for (let i = 0; i < this.showStatus.length; i++) {

src/views/pms/product/components/ProductInfoDetail.vue

@@ -52,6 +52,9 @@
  <el-input v-model="value.weight" style="width: 300px"></el-input>
  <span style="margin-left: 20px">克</span>
  </el-form-item>
+ <el-form-item label="排序">
+ <el-input v-model="value.sort"></el-input>
+ </el-form-item>
  <el-form-item style="text-align: center">
  <el-button type="primary" size="medium" @click="handleNext('productInfoForm')">下一步，填写商品促销</el-button>
  </el-form-item>
@@ -75,6 +78,7 @@
  },
  data() {
  return {
+ hasEditCreated:false,
  //选中商品分类的值
  selectProductCateValue: [],
  productCateOptions: [],
@@ -93,13 +97,22 @@
  };
  },
  created() {
- if(this.isEdit){
- this.handleEditCreated();
- }
  this.getProductCateList();
  this.getBrandList();
  },
+ computed:{
+ //商品的编号
+ productId(){
+ return this.value.id;
+ }
+ },
  watch: {
+ productId:function(newValue){
+ if(!this.isEdit)return;
+ if(this.hasEditCreated)return;
+ if(newValue===undefined||newValue==null||newValue===0)return;
+ this.handleEditCreated();
+ },
  selectProductCateValue: function (newValue) {
  if (newValue != null && newValue.length === 2) {
  this.value.productCategoryId = newValue[1];
@@ -111,13 +124,11 @@
  methods: {
  //处理编辑逻辑
  handleEditCreated(){
- getProduct(this.$route.query.id).then(response=>{
- if(response.data.productCategoryId!=null){
- this.selectProductCateValue.push(response.data.cateParentId);
- this.selectProductCateValue.push(response.data.productCategoryId);
- }
- this.$emit('input',response.data);
- });
+ if(this.value.productCategoryId!=null){
+ this.selectProductCateValue.push(this.value.cateParentId);
+ this.selectProductCateValue.push(this.value.productCategoryId);
+ }
+ this.hasEditCreated=true;
  },
  getProductCateList() {
  fetchListWithChildren().then(response => {

src/views/pms/product/components/ProductSaleDetail.vue

@@ -33,7 +33,7 @@
  </el-switch>
  <span style="margin-left: 10px;margin-right: 10px">推荐</span>
  <el-switch
- v-model="value.recommendStatus"
+ v-model="value.recommandStatus"
  :active-value="1"
  :inactive-value="0">
  </el-switch>

src/views/pms/product/index.vue

@@ -135,7 +135,7 @@
  </el-table-column>
  <el-table-column label="SKU库存" width="100" align="center">
  <template slot-scope="scope">
- <el-button type="primary" icon="el-icon-edit" circle></el-button>
+ <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">
@@ -211,6 +211,64 @@
  :total="total">
  </el-pagination>
  </div>
+ <el-dialog
+ title="编辑货品信息"
+ :visible.sync="editSkuInfo.dialogVisible"
+ width="40%">
+ <span>商品货号：</span>
+ <span>{{editSkuInfo.productName}}</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>
 </template>
 <script>
@@ -221,6 +279,8 @@
  updateRecommendStatus,
  updatePublishStatus
  } 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'
 
@@ -238,6 +298,15 @@
  name: "productList",
  data() {
  return {
+ editSkuInfo:{
+ dialogVisible:false,
+ productId:null,
+ productName:'',
+ productAttributeCategoryId:null,
+ stockList:[],
+ productAttr:[],
+ keyword:null
+ },
  operates: [
  {
  label: "商品上架",
@@ -322,6 +391,15 @@
  }
  },
  methods: {
+ 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 => {
@@ -354,6 +432,48 @@
  }
  });
  },
+ handleShowSkuEditDialog(index,row){
+ this.editSkuInfo.dialogVisible=true;
+ this.editSkuInfo.productId=row.id;
+ this.editSkuInfo.productName=row.name;
+ this.editSkuInfo.productAttributeCategoryId = row.productAttributeCategoryId;
+ this.editSkuInfo.keyword=null;
+ fetchSkuStockList(row.id,{keyword:this.editSkuInfo.keyword}).then(response=>{
+ this.editSkuInfo.stockList=response.data;
+ });
+ fetchProductAttrList(row.productAttributeCategoryId,{type:0}).then(response=>{
+ this.editSkuInfo.productAttr=response.data.list;
+ });
+ },
+ 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;
+ });
+ });
+ },
  handleSearchList() {
  this.listQuery.pageNum = 1;
  this.getList();