SwtTt29
/
Mini-Program
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

创建新的创建货源页面

pull/1/head
徐飞洋 3 months ago
parent
435fef0cd2
commit
c58df67f22
5 changed files with 432 additions and 1 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 3
      app.json
  2. 267
      pages/create-supply/index.js
  3. 6
      pages/create-supply/index.json
  4. 50
      pages/create-supply/index.wxml
  5. 107
      pages/create-supply/index.wxss

3
app.json
View File

@ -7,7 +7,8 @@
"pages/buyer/index",
"pages/seller/index",
"pages/profile/index",
"pages/notopen/index"
"pages/notopen/index",
"pages/create-supply/index"
],
"subpackages": [
{

267
pages/create-supply/index.js
View File

@ -0,0 +1,267 @@
// pages/create-supply/index.js
// 引入API工具
const API = require('../../utils/api.js');
Page({
/**
* 页面的初始数据
*/
data: {
variety: '', // 品种
price: '',
quantity: '',
grossWeight: '',
yolk: '', // 蛋黄
specification: '',
images: [] // 图片数组
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
// 页面加载时的初始化
},
/**
* 品种输入处理
*/
onVarietyInput(e) {
this.setData({
variety: e.detail.value
});
},
/**
* 蛋黄输入处理
*/
onYolkInput(e) {
this.setData({
yolk: e.detail.value
});
},
/**
* 价格输入处理
*/
onPriceInput(e) {
this.setData({
price: e.detail.value
});
},
/**
* 数量输入处理
*/
onQuantityInput(e) {
const value = parseFloat(e.detail.value);
this.setData({
quantity: isNaN(value) ? '' : value
});
},
/**
* 毛重输入处理
*/
onGrossWeightInput(e) {
this.setData({
grossWeight: e.detail.value
});
},
/**
* 规格输入处理
*/
onSpecificationInput(e) {
this.setData({
specification: e.detail.value
});
},
/**
* 表单验证
*/
validateForm() {
const { variety, price, quantity } = this.data;
if (!variety || !variety.trim()) {
wx.showToast({ title: '请输入品种', icon: 'none' });
return false;
}
if (!price || price.trim() === '') {
wx.showToast({ title: '请输入有效价格', icon: 'none' });
return false;
}
if (quantity === '' || quantity === undefined || quantity === null || quantity <= 0) {
wx.showToast({ title: '请输入有效数量', icon: 'none' });
return false;
}
return true;
},
/**
* 创建货源按钮点击事件
*/
onCreateTap() {
if (!this.validateForm()) {
return;
}
const { variety, price, quantity, grossWeight, yolk, specification, images } = this.data;
// 构建商品数据
const productData = {
productName: variety.trim(),
price: price.toString(),
quantity: quantity.toString(),
grossWeight: grossWeight || '',
yolk: yolk || '',
specification: specification || '',
images: images,
imageUrls: images
};
console.log('创建货源数据:', productData);
// 显示加载提示
wx.showLoading({ title: '正在创建货源...' });
// 使用API发布商品
API.publishProduct(productData)
.then(res => {
wx.hideLoading();
console.log('创建货源成功:', res);
// 保存到本地存储
this.saveToLocalStorage(productData, res);
// 显示成功弹窗
wx.showModal({
title: '创建成功',
content: '新货源已成功创建！',
showCancel: false,
confirmText: '确定',
success: function() {
// 返回到上一页
wx.navigateBack();
}
});
})
.catch(err => {
wx.hideLoading();
console.error('创建货源失败:', err);
wx.showToast({
title: err.message || '创建失败，请重试',
icon: 'none'
});
});
},
/**
* 保存到本地存储
*/
saveToLocalStorage(formData, apiResponse) {
// 从本地存储获取userId
const userId = wx.getStorageSync('userId') || 'anonymous';
// 获取卖家信息
const users = wx.getStorageSync('users') || {};
const sellerName = users[userId] && users[userId].info && users[userId].info.nickName
? users[userId].info.nickName
: '未知卖家';
// 获取当前已有的货源列表
const supplies = wx.getStorageSync('supplies') || [];
const newId = supplies.length > 0 ? Math.max(...supplies.map(s => s.id)) + 1 : 1;
const serverProductId = apiResponse.product && apiResponse.product.productId
? apiResponse.product.productId
: '';
// 创建新的货源记录
const newSupply = {
id: newId,
productId: serverProductId,
serverProductId: serverProductId,
name: formData.productName,
productName: formData.productName,
price: formData.price,
minOrder: formData.quantity,
yolk: formData.yolk,
spec: formData.specification,
grossWeight: formData.grossWeight || '',
seller: sellerName,
status: apiResponse.product && apiResponse.product.status
? apiResponse.product.status
: 'pending_review',
imageUrls: formData.imageUrls || [],
reservedCount: 0,
isReserved: false
};
// 保存到supplies本地存储
supplies.push(newSupply);
wx.setStorageSync('supplies', supplies);
// 同时保存到goods本地存储，供买家查看
const goods = wx.getStorageSync('goods') || [];
const newGoodForBuyer = {
id: String(newId),
productId: String(serverProductId),
name: formData.productName,
productName: formData.productName,
price: formData.price,
minOrder: formData.quantity,
yolk: formData.yolk,
spec: formData.specification,
grossWeight: formData.grossWeight || '',
displayGrossWeight: formData.grossWeight || '',
seller: sellerName,
status: apiResponse.product && apiResponse.product.status
? apiResponse.product.status
: 'pending_review',
imageUrls: formData.imageUrls || [],
reservedCount: 0,
isReserved: false
};
goods.push(newGoodForBuyer);
wx.setStorageSync('goods', goods);
},
/**
* 选择图片
*/
chooseImage() {
const that = this;
wx.chooseMedia({
count: 5 - that.data.images.length,
mediaType: ['image'],
sourceType: ['album', 'camera'],
success: function (res) {
console.log('选择图片成功:', res);
const tempFiles = res.tempFiles.map(file => file.tempFilePath);
that.setData({
images: [...that.data.images, ...tempFiles]
});
},
fail: function (err) {
console.error('选择图片失败:', err);
}
});
},
/**
* 删除图片
*/
deleteImage(e) {
const index = e.currentTarget.dataset.index;
const images = this.data.images;
images.splice(index, 1);
this.setData({
images: images
});
}
})

6
pages/create-supply/index.json
View File

@ -0,0 +1,6 @@
{
"navigationBarTitleText": "创建新货源",
"navigationBarBackgroundColor": "#fff",
"navigationBarTextStyle": "black",
"usingComponents": {}
}

50
pages/create-supply/index.wxml
View File

@ -0,0 +1,50 @@
<!-- pages/create-supply/index.wxml -->
<view class="create-supply-container">
<view class="form-container">
<view class="form-item">
<text class="label">品种 *</text>
<input class="input" type="text" placeholder="请输入品种" bindinput="onVarietyInput" value="{{variety}}" />
</view>
<view class="form-item">
<text class="label">价格 (元/斤) *</text>
<input class="input" type="text" placeholder="请输入商品价格" bindinput="onPriceInput" value="{{price}}" />
</view>
<view class="form-item">
<text class="label">数量 (斤) *</text>
<input class="input" type="digit" placeholder="请输入商品数量" bindinput="onQuantityInput" value="{{quantity}}" />
</view>
<view class="form-item">
<text class="label">毛重 (斤)</text>
<input class="input" type="text" placeholder="请输入商品毛重" bindinput="onGrossWeightInput" value="{{grossWeight}}" />
</view>
<view class="form-item">
<text class="label">蛋黄</text>
<input class="input" type="text" placeholder="请输入蛋黄信息" bindinput="onYolkInput" value="{{yolk}}" />
</view>
<view class="form-item">
<text class="label">规格</text>
<input class="input" type="text" placeholder="请输入商品规格" bindinput="onSpecificationInput" value="{{specification}}" />
</view>
<!-- 图片上传区域 -->
<view class="image-upload-container">
<text class="label">商品图片（最多5张）</text>
<view class="image-list">
<view class="image-item" wx:for="{{images}}" wx:key="index">
<image src="{{item}}" mode="aspectFill"></image>
<view class="image-delete" bindtap="deleteImage" data-index="{{index}}">×</view>
</view>
<view class="image-upload" wx:if="{{images.length < 5}}" bindtap="chooseImage">
<text>+</text>
</view>
</view>
</view>
<button class="create-btn" type="primary" bindtap="onCreateTap">创建货源</button>
</view>
</view>

107
pages/create-supply/index.wxss
View File

@ -0,0 +1,107 @@
/* pages/create-supply/index.wxss */
.create-supply-container {
background-color: #f5f5f5;
min-height: 100vh;
padding: 20rpx;
}
.form-container {
background-color: #fff;
border-radius: 16rpx;
padding: 30rpx;
box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
}
.form-item {
margin-bottom: 30rpx;
}
.label {
display: block;
font-size: 28rpx;
color: #333;
margin-bottom: 10rpx;
font-weight: 500;
}
.input {
width: 100%;
height: 80rpx;
border: 2rpx solid #e5e5e5;
border-radius: 12rpx;
padding: 0 20rpx;
font-size: 28rpx;
box-sizing: border-box;
}
.input:focus {
border-color: #FF6B81;
outline: none;
}
.image-upload-container {
margin-bottom: 30rpx;
}
.image-list {
display: flex;
flex-wrap: wrap;
gap: 20rpx;
}
.image-item {
position: relative;
width: 180rpx;
height: 180rpx;
border-radius: 12rpx;
overflow: hidden;
border: 2rpx solid #e5e5e5;
}
.image-item image {
width: 100%;
height: 100%;
}
.image-delete {
position: absolute;
top: -10rpx;
right: -10rpx;
width: 40rpx;
height: 40rpx;
background-color: rgba(255, 0, 0, 0.8);
color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 32rpx;
font-weight: bold;
}
.image-upload {
width: 180rpx;
height: 180rpx;
border: 2rpx dashed #e5e5e5;
border-radius: 12rpx;
display: flex;
align-items: center;
justify-content: center;
color: #999;
font-size: 80rpx;
}
.create-btn {
margin-top: 40rpx;
width: 100%;
height: 90rpx;
border-radius: 45rpx;
font-size: 32rpx;
background-color: #FF6B81;
color: #fff;
border: none;
}
.create-btn::after {
border: none;
}
Write Preview
Loading…
Cancel
Save