src/views/commodity/sku.vue

@@ -178,7 +178,8 @@
           <el-input v-model="itemInfo.title" clearable></el-input>
         </el-form-item>
         <el-form-item label="规格编码：">
-          <el-input v-model="itemInfo.sku_code" clearable></el-input>
+          <el-input v-model="itemInfo.sku_code" clearable style="width: 400px;" :disabled="itemInfo.mx_goods_skus && itemInfo.mx_goods_skus.length"></el-input>&nbsp;
+          <el-button type="text" @click="openCode()" v-if="itemInfo.mx_goods_skus && itemInfo.mx_goods_skus.length" size="mini">修改编码</el-button>
         </el-form-item>
         <el-form-item label="仓库：">
           <el-select v-model="itemInfo.warehouse_id" placeholder="请选择" clearable filterable>
@@ -261,6 +262,21 @@
         </span>
       </template>
     </el-dialog>
+
+    <el-dialog v-model="showCode" width="400px" title="修改编码">
+      <el-form label-width="70px">
+        <el-form-item label="编码：">
+          <el-input placeholder="" v-model="new_code" clearable></el-input>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <span class="dialog-footer">
+          <el-button @click="showCode = false">取消</el-button>
+          <el-button type="primary" @click="commitCode()">确定</el-button>
+        </span>
+      </template>
+    </el-dialog>
+
   </div>
 </template>
 
@@ -297,7 +313,9 @@ export default {
       lte_stock: 0,
       showStock: false,
       showUpdate: false,
-      exportLoading: false
+      exportLoading: false,
+      showCode: false,
+      new_code: ''
     })
 
     function handleSearch() {
@@ -504,6 +522,27 @@ export default {
       })
     }
 
+    function openCode() {
+      data.new_code = ''
+      data.showCode = true
+    }
+
+    function commitCode() {
+      if(!data.new_code) {
+        return ElMessage.info('请输入编码')
+      }
+      let params = {
+        skuId: data.itemInfo.id,
+        skuCode: data.new_code
+      }
+      post(`/api/goods/sku/changeCode`, params).then((res) => {
+        data.itemInfo.sku_code = data.new_code
+        data.showCode = false
+        ElMessage.success('修改成功')
+        fetchData()
+      })
+    }
+
     onMounted(() => {
       fetchData()
       getWarehouseList()
@@ -528,7 +567,9 @@ export default {
       getBrandList,
       select,
       selectAll,
-      commitStock
+      commitStock,
+      openCode,
+      commitCode
     }
   }
 }