From 73b874c72ad55eb9eef21c36160ac0de58f0189e Mon Sep 17 00:00:00 2001
From: quanwei <419654421@qq.com>
Date: Thu, 05 Feb 2026 10:30:43 +0800
Subject: [PATCH] 优化名片
---
mobile/pages/user/my_shop/product_add.vue | 187 +++++++++++++++++++++++++++++++++++++---------
1 files changed, 150 insertions(+), 37 deletions(-)
diff --git a/mobile/pages/user/my_shop/product_add.vue b/mobile/pages/user/my_shop/product_add.vue
index ee7670d..b0e0ecd 100644
--- a/mobile/pages/user/my_shop/product_add.vue
+++ b/mobile/pages/user/my_shop/product_add.vue
@@ -84,7 +84,8 @@
<view class="uploader-add" @click="handleUpload('image')">+</view>
</view>
<!-- 上传组件 -->
- <Upload v-if="showUpload && uploadType === 'image'" :isupload="showUpload && uploadType === 'image'" @getImgs="onUploadComplete" type='frontid'>上传图片</Upload>
+ <Upload v-if="showUpload && uploadType === 'image'" :isupload="showUpload && uploadType === 'image'"
+ @getImgs="onUploadComplete" type='frontid'>上传图片</Upload>
</view>
@@ -99,8 +100,8 @@
</view>
</view>
<!-- 上传组件 -->
- <upload v-if="showUpload && uploadType === 'video'" :num="1" file_type="video"
- @getImgs="onUploadComplete"></upload>
+ <upload v-if="showUpload && uploadType === 'video'" :num="1" file_type="video"
+ @getImgs="onUploadComplete"></upload>
</view>
<view class="form-item">
@@ -185,8 +186,9 @@
<view class="item-label">服务商品内容</view>
<input class="item-input" v-model="form.model.service_content" placeholder="请输入服务商品内容" />
</view>
-
- <view class="form-item" v-if="(form.model.is_virtual === 1 || form.model.is_virtual === 3)&& form.model.virtual_auto === 0">
+
+ <view class="form-item"
+ v-if="(form.model.is_virtual === 1 || form.model.is_virtual === 3)&& form.model.virtual_auto === 0">
<view class="item-label">支持线下核销</view>
<view class="radio-group">
<view class="radio-item" :class="{ active: form.model.is_verify === 1 }"
@@ -261,7 +263,8 @@
<view class="form-item">
<view class="item-label">产品价格</view>
- <input class="item-input" v-model="form.model.sku.product_price" placeholder="请输入产品价格" type="digit" />
+ <input class="item-input" v-model="form.model.sku.product_price" placeholder="请输入产品价格"
+ type="digit" />
</view>
<view class="form-item">
@@ -272,7 +275,8 @@
<view class="form-item">
<view class="item-label">库存数量</view>
- <input class="item-input" v-model="form.model.sku.stock_num" placeholder="请输入库存数量" type="number" />
+ <input class="item-input" v-model="form.model.sku.stock_num" placeholder="请输入库存数量"
+ type="number" />
</view>
<view class="form-item">
@@ -314,7 +318,9 @@
<view class="item-label">SKU列表</view>
<view class="sku-list">
<view class="sku-item" v-for="(sku, index) in form.model.spec_many.spec_list" :key="index">
- <view class="sku-info">{{ sku.spec_text }}</view>
+ <view class="sku-info">
+ <text v-for="(row, rowIdx) in sku.rows" :key="rowIdx">{{ row.spec_value }}{{ rowIdx < sku.rows.length - 1 ? ' ' : '' }}</text>
+ </view>
<view class="form-item">
<view class="item-label">规格图片</view>
<view class="uploader">
@@ -330,11 +336,14 @@
</view>
<view class="sku-inputs">
<input class="sku-input" v-model="sku.spec_form.product_no" placeholder="产品编码" />
- <input class="sku-input" v-model="sku.spec_form.product_price" placeholder="产品价格" type="digit" />
+ <input class="sku-input" v-model="sku.spec_form.product_price" placeholder="产品价格"
+ type="digit" />
<input class="sku-input" v-model="sku.spec_form.line_price" placeholder="产品划线价"
type="digit" />
- <input class="sku-input" v-model="sku.spec_form.stock_num" placeholder="库存数量" type="number" />
- <input class="sku-input" v-model="sku.spec_form.product_weight" placeholder="商品重量(Kg)" type="digit" />
+ <input class="sku-input" v-model="sku.spec_form.stock_num" placeholder="库存数量"
+ type="number" />
+ <input class="sku-input" v-model="sku.spec_form.product_weight"
+ placeholder="商品重量(Kg)" type="digit" />
</view>
</view>
</view>
@@ -457,7 +466,8 @@
</view>
<view class="editor-tips">提示：最多上传20张图片</view>
<!-- 上传组件 -->
- <upload v-if="showUpload && uploadType === 'content'" :isupload="showUpload && uploadType === 'content'" :num="20 - form.model.contentImage.length"
+ <upload v-if="showUpload && uploadType === 'content'"
+ :isupload="showUpload && uploadType === 'content'" :num="20 - form.model.contentImage.length"
@getImgs="onUploadComplete"></upload>
</view>
</view>
@@ -759,12 +769,52 @@
placeholderText: '例如：颜色',
success: (res) => {
if (res.confirm && res.content.trim()) {
- this.form.model.spec_many.spec_attr.push({
- name: res.content.trim(),
- values: []
+ const specName = res.content.trim();
+ // 继续输入第一个规格值
+ uni.showModal({
+ title: '添加第一个规格值',
+ content: '',
+ editable: true,
+ placeholderText: '例如：红色',
+ success: (valueRes) => {
+ if (valueRes.confirm && valueRes.content.trim()) {
+ const specValue = valueRes.content.trim();
+ // 调用API添加规格组和第一个规格值
+ this._post('supplier.product.spec/addSpec', {
+ spec_name: specName,
+ spec_value: specValue
+ }, (response) => {
+ if (response.code === 1 && response.data) {
+ this.form.model.spec_many.spec_attr.push({
+ group_id: response.data.spec_id,
+ name: specName,
+ values: [specValue],
+ items: [{
+ item_id: response.data.spec_value_id,
+ spec_value: specValue
+ }]
+ });
+ // 生成SKU列表
+ this.generateSkuList();
+ uni.showToast({
+ title: '添加成功',
+ icon: 'success'
+ });
+ } else {
+ uni.showToast({
+ title: response.msg || '添加失败',
+ icon: 'none'
+ });
+ }
+ });
+ } else if (valueRes.confirm) {
+ uni.showToast({
+ title: '请输入规格值',
+ icon: 'none'
+ });
+ }
+ }
});
- // 生成SKU列表
- this.generateSkuList();
}
}
});
@@ -786,10 +836,32 @@
placeholderText: '例如：红色',
success: (res) => {
if (res.confirm && res.content.trim()) {
+ const specValue = res.content.trim();
const attr = this.form.model.spec_many.spec_attr[attrIndex];
- attr.values.push(res.content.trim());
- // 重新生成SKU列表
- this.generateSkuList();
+ // 调用API添加规格值
+ this._post('supplier.product.spec/addSpecValue', {
+ spec_id: attr.group_id,
+ spec_value: specValue
+ }, (response) => {
+ if (response.code === 1 && response.data) {
+ attr.values.push(specValue);
+ attr.items.push({
+ item_id: response.data.spec_value_id,
+ spec_value: specValue
+ });
+ // 重新生成SKU列表
+ this.generateSkuList();
+ uni.showToast({
+ title: '添加成功',
+ icon: 'success'
+ });
+ } else {
+ uni.showToast({
+ title: response.msg || '添加失败',
+ icon: 'none'
+ });
+ }
+ });
}
}
});
@@ -798,11 +870,14 @@
// 删除规格值
deleteSpecValue(attrIndex, valueIndex) {
const attr = this.form.model.spec_many.spec_attr[attrIndex];
- if (attr.values.length > 1) {
+ //if (attr.values.length > 1) {
attr.values.splice(valueIndex, 1);
+ if (attr.items && attr.items.length > valueIndex) {
+ attr.items.splice(valueIndex, 1);
+ }
// 重新生成SKU列表
this.generateSkuList();
- }
+ //}
},
// 生成SKU列表
@@ -818,17 +893,37 @@
// 生成SKU列表
const skuList = combinations.map(comb => {
- const spec_text = comb.map((val, idx) => `${attrs[idx].name}:${val}`).join('; ');
+ const rows = [];
+ const specSkuIdAttr = [];
+
+ comb.forEach((val, idx) => {
+ const attr = attrs[idx];
+ // 查找对应的 item_id
+ const itemIndex = attr.values.indexOf(val);
+ const itemId = (attr.items && attr.items[itemIndex]) ? attr.items[itemIndex].item_id : 0;
+
+ rows.push({
+ item_id: itemId,
+ spec_value: val
+ });
+ specSkuIdAttr.push(itemId);
+ });
+
+ const spec_sku_id = specSkuIdAttr.join('_');
+
return {
- spec_text,
+ product_sku_id: 0,
+ spec_sku_id,
+ rows,
image: [],
- product_no: '',
- price: '',
- line_price: '',
- stock: '',
- weight: '',
- cost_price: '',
- bar_code: ''
+ spec_form: {
+ product_no: '',
+ product_price: '',
+ line_price: '',
+ stock_num: '',
+ product_weight: '',
+ bar_code: ''
+ }
};
});
@@ -861,13 +956,13 @@
// 先获取富文本编辑器内容
if (self.form.model.is_picture == 0 && self.editorCtx) {
// 图文类型，获取编辑器内容
- self.editorCtx.getContents({
+ self.editorCtx.getContents({
success: (res) => {
// 将编辑器内容赋值给表单字段
self.form.model.content = res.html;
// 继续执行保存逻辑
self.doSave();
- },
+ },
fail: () => {
// 获取内容失败，继续执行保存逻辑
self.doSave();
@@ -879,7 +974,7 @@
self.doSave();
}
},
-
+
// 实际保存逻辑
doSave() {
let self = this;
@@ -938,6 +1033,7 @@
for (let i = 0; i < self.form.model.spec_many.spec_list.length; i++) {
const sku = self.form.model.spec_many.spec_list[i];
+ console.log(sku);
if (!sku.spec_form.product_price || parseFloat(sku.spec_form.product_price) <= 0) {
uni.showToast({
title: '请输入有效的SKU价格',
@@ -976,11 +1072,27 @@
return;
}
}
+
+ // 转换spec_attr数据格式为后端期望的格式
+ let submitData = JSON.parse(JSON.stringify(self.form.model));
+ if (submitData.spec_type == 20 && submitData.spec_many && submitData.spec_many.spec_attr) {
+ submitData.spec_many.spec_attr = submitData.spec_many.spec_attr.map(attr => {
+ return {
+ group_id: attr.group_id || 0,
+ name: attr.name,
+ spec_items: attr.values.map((val, idx) => ({
+ item_id: (attr.items && attr.items[idx] && attr.items[idx].item_id) ? attr.items[idx].item_id : 0,
+ spec_value: val
+ }))
+ };
+ });
+ }
+
self.loading = true;
self._post('supplier.product/add', {
- params: JSON.stringify(self.form.model)
+ params: JSON.stringify(submitData)
}, (res) => {
- if (res.code === 0) {
+ if (res.code === 1) {
uni.showToast({
title: '保存成功'
});
@@ -1301,7 +1413,8 @@
.radio-group {
display: flex;
- gap: 40rpx;
+ gap: 15rpx;
+ flex-wrap: wrap;
}
.radio-item {
--
Gitblit v1.9.2