xpz2018
4 years ago
26 changed files with 2091 additions and 0 deletions
Split View
Diff Options
-
1app.json
-
538submodel/pages/goods/create/index.js
-
7submodel/pages/goods/create/index.json
-
149submodel/pages/goods/create/index.wxml
-
31submodel/pages/goods/create/index.wxss
-
316submodel/pages/goods/detail/index.js
-
7submodel/pages/goods/detail/index.json
-
73submodel/pages/goods/detail/index.wxml
-
79submodel/pages/goods/detail/index.wxss
-
141submodel/pages/goods/fragment/index.js
-
15submodel/pages/goods/fragment/index.json
-
53submodel/pages/goods/fragment/index.wxml
-
0submodel/pages/goods/fragment/index.wxss
-
133submodel/pages/goods/goods.wxs
-
238submodel/pages/goods/index/index.js
-
10submodel/pages/goods/index/index.json
-
69submodel/pages/goods/index/index.wxml
-
51submodel/pages/goods/index/index.wxss
-
26submodel/pages/goods/product-item/index.js
-
6submodel/pages/goods/product-item/index.json
-
27submodel/pages/goods/product-item/index.wxml
-
49submodel/pages/goods/product-item/index.wxss
-
66submodel/pages/paper/index/index.js
-
3submodel/pages/paper/index/index.json
-
2submodel/pages/paper/index/index.wxml
-
1submodel/pages/paper/index/index.wxss
@ -0,0 +1,538 @@ |
|||
import { |
|||
paperCategoryList, |
|||
getProductInfo, |
|||
createProductInfo, |
|||
updateProductInfo, |
|||
getWaterRate, |
|||
getDopantRate, |
|||
getBiddingInterval |
|||
} from "../../../../api/ztb" |
|||
import regions from '../../../../const/region' |
|||
const math = require('../../../../utils/math') |
|||
const util = require('../../../../utils/util') |
|||
const event = require('../../../../utils/event.js') |
|||
const app = getApp() |
|||
|
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
safeBottom: app.globalData.safeBottom, |
|||
kg: app.globalData.kg, |
|||
height: app.globalData.safeFragmentHeight, |
|||
options: regions, |
|||
region: [440000, '', ''], |
|||
cateList: [], |
|||
dopantList: [], |
|||
waterList: [], |
|||
intervalList: [{ |
|||
text: '24小时', |
|||
value: 1 |
|||
}, { |
|||
text: '48小时', |
|||
value: 2 |
|||
}], |
|||
videoList: [], |
|||
imgLength: 0, |
|||
fileList: [], |
|||
form: { |
|||
bidType: 1, |
|||
imgList: [], |
|||
secondCategoryId: null, |
|||
stock: null, |
|||
dopantRate: null, |
|||
waterRate: null |
|||
}, |
|||
cateName: '', |
|||
dopantName: '', |
|||
waterName: '', |
|||
intervalName: '', |
|||
sumAmount: 0, |
|||
keyboard: 0, |
|||
toView: '', |
|||
focus: false, |
|||
picking: false |
|||
}, |
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad: function (options) { |
|||
this.setData({ |
|||
['form.bidType']: options.type ? Number(options.type) : 1, |
|||
kg: app.globalData.kg, |
|||
safeBottom: app.globalData.safeBottom, |
|||
height: app.globalData.safeFragmentHeight |
|||
}) |
|||
this.cascaderView = this.cascaderView || this.selectComponent('#wux-cascader') |
|||
this.pickerView = this.pickerView || this.selectComponent('#picker-view') |
|||
wx.showLoading({ |
|||
title: '加载中', |
|||
mask: true |
|||
}) |
|||
getDopantRate().then(result => { |
|||
var list = [] |
|||
result.data.forEach((item) => { |
|||
list.push({ |
|||
text: item.name, |
|||
value: item.id |
|||
}) |
|||
}) |
|||
this.setData({ |
|||
dopantList: list |
|||
}) |
|||
}) |
|||
getWaterRate().then(result => { |
|||
var list = [] |
|||
result.data.forEach((item) => { |
|||
list.push({ |
|||
text: item.name, |
|||
value: item.id |
|||
}) |
|||
}) |
|||
this.setData({ |
|||
waterList: list |
|||
}) |
|||
}) |
|||
getBiddingInterval().then(result => { |
|||
var list = [] |
|||
result.data.forEach((item) => { |
|||
list.push({ |
|||
text: item.name, |
|||
value: item.id |
|||
}) |
|||
}) |
|||
this.setData({ |
|||
intervalList: list |
|||
}) |
|||
}) |
|||
paperCategoryList({ |
|||
type: 1 |
|||
}).then(result => { |
|||
var cateList = [] |
|||
result.data.forEach((item) => { |
|||
cateList.push({ |
|||
label: item.name, |
|||
value: item.id, |
|||
isLeaf: false, |
|||
}) |
|||
}) |
|||
this.setData({ |
|||
cateList: cateList |
|||
}) |
|||
if (!options.id) { |
|||
wx.hideLoading() |
|||
} |
|||
}).catch(err => { |
|||
//异常回调
|
|||
if (!options.id) { |
|||
wx.hideLoading() |
|||
} |
|||
}) |
|||
if (options.id) { |
|||
getProductInfo(options.id).then(result => { |
|||
var fileList = [] |
|||
if (result.data.imgList && result.data.imgList.length) { |
|||
result.data.imgList.forEach(element => { |
|||
fileList.push({ |
|||
url: element, |
|||
status: 8 |
|||
}) |
|||
}) |
|||
} |
|||
var videoList = [] |
|||
if (result.data.videoUrl) { |
|||
videoList.push({ |
|||
videoUrl: result.data.videoUrl, |
|||
status: 8 |
|||
}) |
|||
} |
|||
var region = [] |
|||
if (result.data.locDistrictId) { |
|||
region[0] = parseInt(result.data.locDistrictId / 10000) * 10000 |
|||
region[1] = parseInt(result.data.locDistrictId / 100) * 100 |
|||
region[2] = parseInt(result.data.locDistrictId) |
|||
} |
|||
this.data.cateName = result.data.firstCategoryName + ' ' + result.data.secondCategoryName |
|||
if (this.data.dopantList && this.data.dopantList.length) { |
|||
this.data.dopantList.forEach(element => { |
|||
if (Number(element.value) == Number(result.data.dopantRate)) { |
|||
this.data.dopantName = element.text |
|||
} |
|||
}) |
|||
} |
|||
if (this.data.waterList && this.data.waterList.length) { |
|||
this.data.waterList.forEach(element => { |
|||
if (Number(element.value) == Number(result.data.waterRate)) { |
|||
this.data.waterName = element.text |
|||
} |
|||
}) |
|||
} |
|||
if (result.data.biddingInterval) { |
|||
this.data.intervalList.forEach(element => { |
|||
if (Number(element.value) == Number(result.data.biddingInterval)) { |
|||
this.data.intervalName = element.text |
|||
} |
|||
}) |
|||
} |
|||
if (result.data.unitPrice) { |
|||
var unitPrice = app.globalData.kg ? result.data.unitPrice : math.times(result.data.unitPrice, 1000) |
|||
} else { |
|||
var unitPrice = '' |
|||
} |
|||
|
|||
var stock = app.globalData.kg ? result.data.stock : math.divide(result.data.stock, 1000) |
|||
var lowestNum = '' |
|||
if (!util.isEmpty(result.data.lowestNum)) { |
|||
lowestNum = app.globalData.kg ? result.data.lowestNum : math.divide(result.data.lowestNum, 1000) |
|||
} |
|||
this.setData({ |
|||
form: result.data, |
|||
['form.unitPrice']: unitPrice, |
|||
['form.stock']: stock, |
|||
['form.lowestNum']: lowestNum, |
|||
fileList: fileList, |
|||
videoList: videoList, |
|||
region: region, |
|||
['form.areaStr']: result.data.locProvinceName + ' ' + result.data.locCityName + ' ' + result.data.locDistrictName, |
|||
cateValue: [result.data.firstCategoryId, result.data.secondCategoryId], |
|||
cateName: this.data.cateName, |
|||
dopantName: this.data.dopantName, |
|||
waterName: this.data.waterName, |
|||
imgLength: fileList.length, |
|||
intervalName: this.data.intervalName |
|||
}) |
|||
if (util.isEmpty(this.data.form.areaStr)) { |
|||
this.cascaderView.getCurrentOptions(region, true) |
|||
} |
|||
this.sumAmount(null) |
|||
this.data.form['coverImgUrl'] = fileList[0].url |
|||
wx.hideLoading() |
|||
}).catch(err => { |
|||
//异常回调
|
|||
wx.hideLoading() |
|||
util.showToast(err) |
|||
}) |
|||
} |
|||
}, |
|||
InputFocus(e) { |
|||
this.setData({ |
|||
focus: true, |
|||
toView: 'textarea', |
|||
keyboard: e.detail.height |
|||
}) |
|||
}, |
|||
InputBlur(e) { |
|||
this.setData({ |
|||
keyboard: 0, |
|||
focus: false, |
|||
toView: null |
|||
}) |
|||
}, |
|||
textareaFocus: function (e) { |
|||
this.setData({ |
|||
focus: true, |
|||
toView: 'textarea' |
|||
}) |
|||
}, |
|||
onVideoChange: function (e) { |
|||
if (e.detail && e.detail.length) { |
|||
this.data.form['videoUrl'] = e.detail[0].url |
|||
} |
|||
}, |
|||
onImageChange: function (e) { |
|||
if (e.detail) { |
|||
var list = [] |
|||
e.detail.forEach(element => { |
|||
if (!util.isEmpty(element.url)) { |
|||
list.push(element.url) |
|||
} |
|||
}) |
|||
this.data.form['imgList'] = list |
|||
this.setData({ |
|||
imgLength: list.length |
|||
}) |
|||
} |
|||
}, |
|||
bindInput: function (e) { |
|||
if (e.target.id == 'description') { |
|||
this.setData({ |
|||
['form.' + e.target.id]: e.detail.value |
|||
}) |
|||
} else { |
|||
this.data.form[e.target.id] = e.detail.value |
|||
} |
|||
}, |
|||
onLoadOptions: function (e) { |
|||
// /paperCategoryList 获取纸品列表
|
|||
const { |
|||
value |
|||
} = e.detail |
|||
const options = [...this.data.cateList] |
|||
var typeId = parseInt(value[value.length - 1]) |
|||
wx.showLoading({ |
|||
title: '加载中', |
|||
mask: true |
|||
}) |
|||
paperCategoryList({ |
|||
type: 2, |
|||
firstCategoryId: typeId |
|||
}).then(result => { |
|||
//成功回调
|
|||
var list = [] |
|||
result.data.forEach((item) => { |
|||
list.push({ |
|||
label: item.name, |
|||
value: item.id |
|||
}) |
|||
}) |
|||
options.forEach((element) => { |
|||
if (parseInt(element.value) === typeId) { |
|||
element.children = list |
|||
} |
|||
}) |
|||
this.setData({ |
|||
cateList: options |
|||
}) |
|||
wx.hideLoading() |
|||
}).catch(err => { |
|||
//异常回调
|
|||
wx.hideLoading() |
|||
}) |
|||
}, |
|||
showRegion: function () { |
|||
if (this.data.disabled) { |
|||
return |
|||
} |
|||
this.cascaderView.showPicker(this.data.region) |
|||
this.setData({ |
|||
picking: true |
|||
}) |
|||
}, |
|||
onRegionInit: function (e) { |
|||
if (this.data.form.locDistrictId && e.detail.length == 3) { |
|||
this.setData({ |
|||
['form.areaStr']: e.detail.map((n) => n.label).join(' ') |
|||
}) |
|||
} |
|||
}, |
|||
onRegionChange: function (e) { |
|||
if (e.detail && e.detail.options) { |
|||
this.setData({ |
|||
['form.areaStr']: e.detail.options.map((n) => n.label).join(' '), |
|||
region: e.detail.value |
|||
}) |
|||
this.data.form['locProvinceId'] = e.detail.value[0] |
|||
this.data.form['locProvinceName'] = e.detail.options[0].label |
|||
this.data.form['locCityId'] = e.detail.value[1] |
|||
this.data.form['locCityName'] = e.detail.options[1].label |
|||
this.data.form['locDistrictId'] = e.detail.value[2] |
|||
this.data.form['locDistrictName'] = e.detail.options[2].label |
|||
} |
|||
this.setData({ |
|||
picking: false |
|||
}) |
|||
}, |
|||
showPaperPicker: function (e) { |
|||
this.setData({ |
|||
visible: true, |
|||
picking: true |
|||
}) |
|||
var list = [this.data.cateList[0].value] |
|||
if (!this.data.cateList[0].children) { |
|||
this.onLoadOptions({ |
|||
detail: { |
|||
value: list |
|||
} |
|||
}) |
|||
} |
|||
}, |
|||
onCategory: function (e) { |
|||
this.setData({ |
|||
picking: false |
|||
}) |
|||
if (e.detail && e.detail.options) { |
|||
this.setData({ |
|||
cateName: e.detail.options.map((n) => n.label).join(' '), |
|||
cateValue: e.detail.value |
|||
}) |
|||
this.data.form['firstCategoryId'] = e.detail.value[0] |
|||
this.data.form['secondCategoryId'] = e.detail.value[1] |
|||
} |
|||
}, |
|||
onPaperChange: function (e) { |
|||
this.setData({ |
|||
picking: false |
|||
}) |
|||
if (!e.detail) { |
|||
return |
|||
} |
|||
if (e.detail.type == 0) { |
|||
this.data.form['secondCategoryId'] = e.detail.value |
|||
this.data.form['firstCategoryId'] = e.detail.value |
|||
this.setData({ |
|||
cateName: e.detail.text |
|||
}) |
|||
} else if (e.detail.type == 1) { |
|||
this.data.form['dopantRate'] = e.detail.value |
|||
this.setData({ |
|||
dopantName: e.detail.text |
|||
}) |
|||
} else if (e.detail.type == 2) { |
|||
this.data.form['waterRate'] = e.detail.value |
|||
this.setData({ |
|||
waterName: e.detail.text |
|||
}) |
|||
} else if (e.detail.type == 3) { |
|||
this.data.form['biddingInterval'] = e.detail.value |
|||
this.setData({ |
|||
intervalName: e.detail.text |
|||
}) |
|||
} |
|||
}, |
|||
bindinput: function (e) { |
|||
this.data.form[e.target.id] = e.detail.value |
|||
}, |
|||
sumAmount: function (e) { |
|||
if (Number(this.data.form.unitPrice) > 0 && parseInt(this.data.form.stock)) { |
|||
this.setData({ |
|||
sumAmount: math.times(this.data.form.unitPrice, this.data.form.stock) |
|||
}) |
|||
} |
|||
}, |
|||
templatDescription: function () { |
|||
|
|||
}, |
|||
showRadioPicker: function (e) { |
|||
if (e.currentTarget.id == 'dopantRate') { |
|||
this.pickerView.showPicker(this.data.dopantList, this.data.form.dopantRate, 1) |
|||
} else if (e.currentTarget.id == 'waterRate') { |
|||
this.pickerView.showPicker(this.data.waterList, this.data.form.waterRate, 2) |
|||
} else if (e.currentTarget.id == 'biddingInterval') { |
|||
this.pickerView.showPicker(this.data.intervalList, this.data.form.biddingInterval, 3) |
|||
} |
|||
this.setData({ |
|||
picking: true |
|||
}) |
|||
}, |
|||
submitForm: function () { |
|||
if (util.isEmpty(this.data.form.secondCategoryId)) { |
|||
util.showToast('请选择废纸品类') |
|||
return |
|||
} |
|||
if (this.data.form.bidType == 2) { |
|||
if (util.isEmpty(this.data.form.unitPrice)) { |
|||
if (this.data.form.bidType == 1) { |
|||
util.showToast('请输入商品单价') |
|||
} else { |
|||
util.showToast('请输入起拍单价') |
|||
} |
|||
return |
|||
} |
|||
if (app.globalData.kg) { |
|||
if (parseFloat(this.data.form.unitPrice) > 100) { |
|||
if (this.data.form.bidType == 1) { |
|||
util.showToast('请检查您输入的商品单价是否合理') |
|||
} else { |
|||
util.showToast('请检查您输入的起拍单价是否合理') |
|||
} |
|||
return |
|||
} |
|||
} else { |
|||
if (parseFloat(this.data.form.unitPrice) < 100) { |
|||
if (this.data.form.bidType == 1) { |
|||
util.showToast('请检查您输入的商品单价是否合理') |
|||
} else { |
|||
util.showToast('请检查您输入的起拍单价是否合理') |
|||
} |
|||
return |
|||
} |
|||
} |
|||
|
|||
} |
|||
|
|||
if (util.isEmpty(this.data.form.stock)) { |
|||
util.showToast('请输入库存') |
|||
return |
|||
} |
|||
if (util.isEmpty(this.data.form.biddingInterval) && this.data.form.bidType == 2) { |
|||
util.showToast('请选择竞价有效时') |
|||
return |
|||
} |
|||
if (util.isEmpty(this.data.form.dopantRate)) { |
|||
util.showToast('请选择含杂比例') |
|||
return |
|||
} |
|||
if (util.isEmpty(this.data.form.waterRate)) { |
|||
util.showToast('请选择湿水比例') |
|||
return |
|||
} |
|||
if (util.isEmpty(this.data.form.locDistrictId)) { |
|||
util.showToast('请选择店铺所在区域') |
|||
return |
|||
} |
|||
if (util.isEmpty(this.data.form.locDetails)) { |
|||
util.showToast('请输入店铺详细地址') |
|||
return |
|||
} |
|||
if (this.data.form.imgList.length < 2) { |
|||
util.showToast('请至少上传2张商品图片') |
|||
return |
|||
} |
|||
this.data.form['coverImgUrl'] = this.data.form.imgList[0] |
|||
if (util.isEmpty(this.data.form.description)) { |
|||
util.showToast('请输入商品描述') |
|||
return |
|||
} |
|||
this.setData({ |
|||
requesting: true |
|||
}) |
|||
wx.showLoading({ |
|||
title: '加载中', |
|||
mask: true |
|||
}) |
|||
if (!app.globalData.kg) { |
|||
if (this.data.form.unitPrice > 0) { |
|||
this.data.form.unitPrice = math.divide(this.data.form.unitPrice, 1000) |
|||
|
|||
} else { |
|||
this.data.form.unitPrice = '' |
|||
} |
|||
|
|||
this.data.form.stock = math.times(this.data.form.stock, 1000) |
|||
if (!util.isEmpty(this.data.form.lowestNum)) { |
|||
this.data.form.lowestNum = math.times(this.data.form.lowestNum, 1000) |
|||
} |
|||
} |
|||
if (this.data.form.productId) { |
|||
updateProductInfo(this.data.form).then(result => { |
|||
wx.hideLoading() |
|||
event.emit('EventMessage', { |
|||
what: 102, |
|||
desc: 'GoodsCreate' |
|||
}) |
|||
util.showBackToast('商品发布成功!') |
|||
}).catch(err => { |
|||
//异常回调
|
|||
wx.hideLoading() |
|||
this.setData({ |
|||
requesting: false |
|||
}) |
|||
util.showToast(err) |
|||
}) |
|||
} else { |
|||
createProductInfo(this.data.form).then(result => { |
|||
wx.hideLoading() |
|||
util.showBackToast('商品创建成功!') |
|||
}).catch(err => { |
|||
wx.hideLoading() |
|||
this.setData({ |
|||
requesting: false |
|||
}) |
|||
util.showToast(err) |
|||
}) |
|||
} |
|||
|
|||
} |
|||
}) |
|||
@ -0,0 +1,7 @@ |
|||
{ |
|||
"usingComponents": { |
|||
"select-view": "/components/select-view/index", |
|||
"wux-cascader": "/components/cascader/index", |
|||
"wux-uploader": "/components/uploader/index" |
|||
} |
|||
} |
|||
@ -0,0 +1,149 @@ |
|||
<wxs module="goods" src="../../goods/goods.wxs"></wxs> |
|||
<cu-custom bgColor="bg-white" isBack="{{true}}"> |
|||
<view slot="content">{{form.bidType == 1 ? '我要卖货' : '发布竞价'}}</view> |
|||
</cu-custom> |
|||
|
|||
<scroll-view scroll-y="true" style="height: {{height}}rpx;" scroll-into-view="{{toView}}"> |
|||
<view style="display:{{!focus ? 'block' : 'none'}}"> |
|||
<view class="cu-bar bg-white margin-top"> |
|||
<view class="action text-bold" style="color:#333333">{{!disabled?'商品图片（至少上传2张）':'商品图片'}}</view> |
|||
<view class="action text-sg">{{imgLength}}{{!disabled? '/6':'张'}}</view> |
|||
</view> |
|||
<wux-uploader count="6" fileList="{{fileList}}" bindcustomevent="onImageChange"></wux-uploader> |
|||
</view> |
|||
<view style="display:{{!focus ? 'block' : 'none'}}"> |
|||
<view class="cu-bar bg-white margin-top"> |
|||
<view class="action text-bold" style="color:#333333">上传视频(选填)</view> |
|||
<view class="action text-sg">支持MP4格式</view> |
|||
</view> |
|||
<wux-uploader count="1" fileList="{{videoList}}" type="{{'video'}}" bindcustomevent="onVideoChange"></wux-uploader> |
|||
</view> |
|||
<view class="cu-list menu no-card sm-border margin-top"> |
|||
<view id="operation" class="cu-item" bindtap="showPaperPicker"> |
|||
<view class="flex flex-justify content cu-item arrow"> |
|||
<view class="text-sg" style="min-width:170rpx">废纸品类：</view> |
|||
<view class="flex" style="text-align:left"> |
|||
<view class="text-sg {{cateName?'text-blue':'input-grey'}}">{{cateName||'请选择废纸品类'}}</view> |
|||
</view> |
|||
</view> |
|||
<text class="cuIcon-right text-gray" wx:if="{{!flag}}" style="font-size:32rpx;padding-top:2rpx"></text> |
|||
</view> |
|||
<view id="price" class="cu-item" wx:if="{{form.bidType == 1}}"> |
|||
<view class="flex flex-justify content cu-item arrow"> |
|||
<view class="text-sg" style="min-width:170rpx">商品单价({{kg? '元/KG' : '元/吨'}})：</view> |
|||
<input id="unitPrice" maxlength="8" type="{{kg? 'digit' : 'number'}}" class="cate-input" |
|||
placeholder-style="color:#aaa" value="{{form.unitPrice||''}}" placeholder="点击输入商品单价" bindinput="bindInput" |
|||
bindblur="sumAmount" style="flex: 1"/> |
|||
</view> |
|||
</view> |
|||
<view id="price" class="cu-item" wx:if="{{form.bidType == 2}}"> |
|||
<view class="flex flex-justify content cu-item arrow"> |
|||
<view class="text-sg" style="min-width:170rpx">起拍单价({{kg? '元/KG' : '元/吨'}})：</view> |
|||
<input id="unitPrice" maxlength="8" type="{{kg? 'digit' : 'number'}}" class="cate-input" |
|||
placeholder-style="color:#aaa" value="{{form.unitPrice||''}}" placeholder="点击输入起拍单价" bindinput="bindInput" |
|||
bindblur="sumAmount" style="flex: 1"/> |
|||
</view> |
|||
</view> |
|||
<view id="weight" class="cu-item"> |
|||
<view class="flex flex-justify content cu-item arrow"> |
|||
<view class="text-sg" style="min-width:170rpx">库存重量({{ kg? 'KG' : '吨'}})：</view> |
|||
<input id="stock" maxlength="8" type="{{kg? 'number' : 'digit'}}" class="cate-input" |
|||
placeholder-style="color:#aaa;" value="{{form.stock||''}}" placeholder="点击输入库存重量" bindinput="bindInput" |
|||
bindblur="sumAmount" style="flex: 1"/> |
|||
</view> |
|||
</view> |
|||
<view id="price" class="cu-item" wx:if="{{form.bidType == 1}}"> |
|||
<view class="flex flex-justify content cu-item arrow"> |
|||
<view class="text-sg" style="min-width:170rpx">最少起订重量({{ kg? 'KG' : '吨'}})：</view> |
|||
<input id="lowestNum" maxlength="8" type="{{kg? 'number' : 'digit'}}" class="cate-input" |
|||
placeholder-style="color:#aaa" value="{{form.lowestNum||''}}" placeholder="点击输入起订重量" bindinput="bindInput" style="flex: 1"/> |
|||
</view> |
|||
</view> |
|||
<view id="biddingInterval" class="cu-item" bindtap="showRadioPicker" wx:if="{{form.bidType == 2}}"> |
|||
<view class="flex flex-justify content cu-item arrow"> |
|||
<view class="text-sg" style="min-width:170rpx">竞价有效时：</view> |
|||
<view class="flex" style="text-align:left"> |
|||
<view class="text-sg {{intervalName?'text-blue':'input-grey'}}">{{intervalName||'请选择竞价有效时'}}</view> |
|||
</view> |
|||
</view> |
|||
<text class="cuIcon-right text-gray" wx:if="{{!flag}}" style="font-size:32rpx;padding-top:2rpx"></text> |
|||
</view> |
|||
<view id="dopantRate" class="cu-item" bindtap="showRadioPicker"> |
|||
<view class="flex flex-justify content cu-item arrow"> |
|||
<view class="text-sg" style="min-width:170rpx">含杂比例：</view> |
|||
<view class="flex" style="text-align:left"> |
|||
<view class="text-sg {{dopantName?'text-blue':'input-grey'}}">{{dopantName||'请选择含杂比例'}}</view> |
|||
</view> |
|||
</view> |
|||
<text class="cuIcon-right text-gray" wx:if="{{!flag}}" style="font-size:32rpx;padding-top:2rpx"></text> |
|||
</view> |
|||
<view id="waterRate" class="cu-item" bindtap="showRadioPicker"> |
|||
<view class="flex flex-justify content cu-item arrow"> |
|||
<view class="text-sg" style="min-width:170rpx">湿水比例：</view> |
|||
<view class="flex" style="text-align:left"> |
|||
<view class="text-sg {{waterName?'text-blue':'input-grey'}}">{{waterName||'请选择湿水比例'}}</view> |
|||
</view> |
|||
</view> |
|||
<text class="cuIcon-right text-gray" wx:if="{{!flag}}" style="font-size:32rpx;padding-top:2rpx"></text> |
|||
</view> |
|||
<view class="cu-item" bindtap="showRegion"> |
|||
<view class="flex flex-justify content cu-item arrow"> |
|||
<view class="text-sg" style="min-width:170rpx">所在地区：</view> |
|||
<view class="flex" style="text-align:left"> |
|||
<view class="text-sg {{form.areaStr?'text-blue':'input-grey'}}">{{form.areaStr||'请选择所在地区'}}</view> |
|||
</view> |
|||
</view> |
|||
<text class="cuIcon-right text-gray" wx:if="{{!flag}}" style="font-size:32rpx;padding-top:2rpx"></text> |
|||
</view> |
|||
<view class="cu-form-group"> |
|||
<view class="title">详细地址：</view> |
|||
<input id="locDetails" disabled="{{disabled}}" placeholder-style="color:#aaa" placeholder="请输入店铺详细地址" |
|||
value="{{form.locDetails}}" bindinput="bindInput" style="flex: 1"></input> |
|||
</view> |
|||
<view class="cu-bar bg-white margin-top flex flex-justify"> |
|||
<view class="action" style="color:#333333">商品描述：</view> |
|||
<view class="action" bindtap="templatDescription"> |
|||
<text class="cuIcon-sort text-gray" style="font-size:40rpx;margin-right:8rpx;padding-top:2rpx"></text> |
|||
<view style="color:#999999;font-size:30rpx;">选择模板</view> |
|||
</view> |
|||
</view> |
|||
<view class="bg-white"> |
|||
<view class="textarea" wx:if="{{picking || !focus}}" bindtap="textareaFocus"> |
|||
{{form.description.length?form.description:'点击输入商品描述，最多100字'}}</view> |
|||
<textarea wx:else id="description" maxlength="100" value="{{form.description}}" bindfocus="InputFocus" |
|||
bindblur="InputBlur" class="textarea" cursor-spacing="40" show-confirm-bar="{{false}}" |
|||
adjust-position="{{true}}" focus="{{focus}}" bindinput="bindInput" placeholder="点击输入备注，最多100字" |
|||
placeholder-style="color:#aaa"></textarea> |
|||
</view> |
|||
|
|||
<view style="height:{{keyboard}}px"></view> |
|||
|
|||
<!-- <view class="cu-bar bg-white margin-top flex flex-justify" wx:if="{{form.bidType == 1}}"> |
|||
<view class="action" style="color:#333333">交易规则：</view> |
|||
</view> |
|||
<view class="bg-white" wx:if="{{form.bidType == 1}}"> |
|||
<view class="textarea"></view> |
|||
</view> |
|||
<view class="cu-bar bg-white margin-top flex flex-justify" wx:if="{{form.bidType == 2}}"> |
|||
<view class="action" style="color:#333333">竞价规则：</view> |
|||
</view> |
|||
<view class="bg-white" wx:if="{{form.bidType == 2}}"> |
|||
<view class="textarea"></view> |
|||
</view> --> |
|||
|
|||
</view> |
|||
</scroll-view> |
|||
<view style="height:{{136 + safeBottom}}rpx"></view> |
|||
<view class="cu-bar bg-white shadow foot flex flex-justify" style="height:{{120 + safeBottom}}rpx;padding: 32rpx 32rpx {{safeBottom + 32}}rpx 32rpx;"> |
|||
<view> |
|||
<text class="text-gray text-sg">预估总价：</text> |
|||
<text class="text-black text-bold" style="font-size: 44rpx">{{goods.formateAmount(sumAmount)}}</text> |
|||
<text class="text-gray text-sg" style="margin-left:8rpx">元</text> |
|||
</view> |
|||
<button class="cu-btn offer-btn" disabled="{{requesting}}" bindtap="submitForm">确认</button> |
|||
</view> |
|||
|
|||
<select-view id="picker-view" bindcustomevent="onPaperChange"></select-view> |
|||
<wux-cascader id="wux-cascader" value="{{region}}" options="{{ options }}" bind:close="onRegionChange" /> |
|||
<wux-cascader visible="{{ visible }}" controlled value="{{ cateValue }}" options="{{ cateList }}" |
|||
bind:close="onCategory" bind:load="onLoadOptions" /> |
|||
@ -0,0 +1,31 @@ |
|||
.margin-top { |
|||
margin-top: 18rpx; |
|||
} |
|||
|
|||
.cate-input { |
|||
font-size: 30rpx; |
|||
text-align: right; |
|||
} |
|||
|
|||
.textarea{ |
|||
width:100%; |
|||
height:80px; |
|||
padding:0px 30rpx; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.bg-blue{ |
|||
color: #FFFFFF; |
|||
background-color: #008AFF; |
|||
} |
|||
|
|||
.offer-btn { |
|||
width: 250rpx; |
|||
height: 90rpx; |
|||
background: linear-gradient(312deg, rgba(38, 125, 214, 1) 0%, rgba(0, 138, 255, 1) 100%); |
|||
box-shadow: 0px 10px 13px -8px rgba(35, 126, 217, 0.53); |
|||
border-radius: 23px; |
|||
color: white; |
|||
font-size: 32rpx; |
|||
margin-left: 32rpx; |
|||
} |
|||
@ -0,0 +1,316 @@ |
|||
import { getProductInfo } from "../../../../api/ztb" |
|||
const util = require('../../../../utils/util') |
|||
const math = require('../../../../utils/math') |
|||
const event = require('../../../../utils/event') |
|||
const app = getApp() |
|||
|
|||
Page({ |
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
backStr: '返回', |
|||
orderInfo: null, |
|||
matchTag: null, |
|||
sukList: [], |
|||
imgList: [], |
|||
form: { |
|||
productId: null, |
|||
skuId: null, |
|||
number: 1, |
|||
unitPrice: 0 |
|||
}, |
|||
amount: null, |
|||
safeBottom: false, |
|||
imageHeight: 0, |
|||
visible: false, |
|||
videoUrl: null |
|||
}, |
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad: function (options) { |
|||
if (getCurrentPages().length == 1) { |
|||
this.setData({ |
|||
backStr: '首页' |
|||
}) |
|||
} |
|||
this.setData({ |
|||
imageHeight: math.divide(math.times(750, 9), 16), |
|||
safeBottom: app.globalData.safeBottom |
|||
}) |
|||
event.on('EventMessage', this, this.onEvent) |
|||
if (options.id) { |
|||
wx.showLoading({ |
|||
title: '加载中', |
|||
mask: true |
|||
}) |
|||
getProductInfo(options.id).then(result => { |
|||
wx.hideLoading() |
|||
var vurl = null |
|||
var imgList = [] |
|||
if (result.data.videoUrl) { |
|||
vurl = result.data.videoUrl |
|||
imgList = result.data.imgList |
|||
imgList.unshift(vurl) |
|||
this.videoContext = wx.createVideoContext('video') |
|||
} else { |
|||
imgList = result.data.imgList |
|||
} |
|||
this.setData({ |
|||
['form.productId']: options.id, |
|||
orderInfo: result.data, |
|||
videoUrl: vurl, |
|||
imgList: imgList |
|||
}) |
|||
}).catch(err => { |
|||
//异常回调
|
|||
wx.hideLoading() |
|||
util.showToast(err) |
|||
}) |
|||
} |
|||
}, |
|||
isVideoUrl: function (url) { |
|||
if (url && url.indexOf('.mp4') >= 0) { |
|||
return true |
|||
} |
|||
return false |
|||
}, |
|||
// 事件处理
|
|||
onEvent: function (message) { |
|||
console.log('mall>>order>>onEvent', message) |
|||
if (message.what == 1) { |
|||
|
|||
} else if (message.what == 10) { |
|||
wx.navigateBack() |
|||
} |
|||
}, |
|||
videoTap: function () { |
|||
this.setData({ |
|||
visible: true, |
|||
}) |
|||
if (this.videoContext) { |
|||
this.videoContext.play() |
|||
} |
|||
}, |
|||
onClose: function () { |
|||
this.setData({ |
|||
visible: false, |
|||
}) |
|||
if (this.videoContext) { |
|||
this.videoContext.pause() |
|||
} |
|||
}, |
|||
bindended: function () { |
|||
this.videoContext.exitFullScreen() |
|||
this.setData({ |
|||
visible: false |
|||
}) |
|||
}, |
|||
// 图片查看
|
|||
viewImage: function (e) { |
|||
if (e.currentTarget.dataset.url.indexOf('.mp4') >= 0) { |
|||
return |
|||
} |
|||
var imgList = [] |
|||
for (let index = 0; index < this.data.imgList.length; index++) { |
|||
if (this.data.imgList[index].indexOf('.mp4') >= 0) { |
|||
continue |
|||
} |
|||
imgList.push(this.data.imgList[index]) |
|||
} |
|||
wx.previewImage({ |
|||
urls: imgList, |
|||
current: e.currentTarget.dataset.url |
|||
}); |
|||
}, |
|||
// 根据
|
|||
checkDisableTag: function (sukId, match, element) { |
|||
match[sukId] = element.id |
|||
for (let index = 0; index < this.data.orderInfo.skuList.length; index++) { |
|||
const item = this.data.orderInfo.skuList[index]; |
|||
if (this.checkSkuPrice(match, item)) { |
|||
delete match[sukId] |
|||
return false |
|||
} |
|||
} |
|||
delete match[sukId] |
|||
return true |
|||
}, |
|||
// tag 点击事件
|
|||
tagClick: function (e) { |
|||
this.data.matchTag = null |
|||
var sukId = e.currentTarget.dataset.suk // 对应的是一级列表的Id
|
|||
var id = e.currentTarget.dataset.index // 对应的是二级列表的Id，相应是有价格计算的
|
|||
//------------------------------sukList-------------------------------------------
|
|||
// 检查是否需要跟新，或者修改，跟新sukList；
|
|||
var push_flag = true |
|||
for (let index = 0; index < this.data.sukList.length; index++) { |
|||
const element = this.data.sukList[index]; |
|||
if (element.skuId == sukId) { |
|||
this.data.sukList[index].id = id |
|||
push_flag = false |
|||
break |
|||
} |
|||
} |
|||
if (push_flag) { |
|||
this.data.sukList.push({ |
|||
skuId: sukId, |
|||
id: id |
|||
}) |
|||
} |
|||
//------------------------------attributeList-------------------------------------------
|
|||
var match = {} |
|||
for (let index = 0; index < this.data.sukList.length; index++) { |
|||
const element = this.data.sukList[index]; |
|||
match[element.skuId] = element.id |
|||
} |
|||
var attributeList = this.data.orderInfo.attributeList |
|||
for (let i = 0; i < attributeList.length; i++) { |
|||
for (let k = 0; k < attributeList[i].values.length; k++) { |
|||
const element = attributeList[i].values[k]; |
|||
// 点击的列判断 对应的是一级列表，肯定是可以点击的
|
|||
if (attributeList[i].id == sukId) { |
|||
element.select = false |
|||
if (element.id == id) { |
|||
element.select = true |
|||
} |
|||
} else { |
|||
// 如果其余的规格没有价格的，进行处理；无法点击
|
|||
element.disabled = this.checkDisableTag(attributeList[i].id, match, element) |
|||
} |
|||
} |
|||
} |
|||
this.setData({ |
|||
['orderInfo.attributeList']: attributeList, |
|||
amount: null |
|||
}) |
|||
//------------------------------matchTag-------------------------------------------
|
|||
if (this.data.sukList.length == this.data.orderInfo.attributeList.length) { |
|||
this.data.matchTag = {} |
|||
for (let index = 0; index < this.data.sukList.length; index++) { |
|||
const element = this.data.sukList[index]; |
|||
this.data.matchTag[element.skuId] = element.id |
|||
} |
|||
this.onNumChange(null) |
|||
} |
|||
}, |
|||
// 根据所有选择的规格校验获取价格
|
|||
checkSkuPrice: function (tag, element) { |
|||
if (!tag) { |
|||
return false |
|||
} |
|||
for (var key in tag) { |
|||
if (element.price <= 0 || tag[key] != element[key]) { |
|||
return false |
|||
} |
|||
} |
|||
return true |
|||
}, |
|||
// 数量变化的函数监听
|
|||
onNumChange: function (e) { |
|||
if (e) { |
|||
this.setData({ |
|||
['form.number']: e.detail.value |
|||
}) |
|||
// 如果查询到了价格，进行价格计算
|
|||
if (this.data.form.unitPrice) { |
|||
this.setData({ |
|||
amount: float.accMul(this.data.form.unitPrice, this.data.form.number) |
|||
}) |
|||
} |
|||
} else if (this.data.sukList.length == this.data.orderInfo.attributeList.length) { |
|||
// 根据规格，克重，以及其他筛选价格
|
|||
for (let index = 0; index < this.data.orderInfo.skuList.length; index++) { |
|||
const element = this.data.orderInfo.skuList[index]; |
|||
if (this.checkSkuPrice(this.data.matchTag, element)) { |
|||
this.data.form.unitPrice = Number(element.price) |
|||
this.data.form.monthPrice = Number(element.groupMonthPrice) |
|||
this.data.form.stockNumber = Number(element.stockNumber) |
|||
// 如果当前的数量大于所选规格的库存数量，那么就设置成库存数量；
|
|||
if (this.data.form.number > this.data.form.stockNumber) { |
|||
this.data.form.number = Number(element.stockNumber) |
|||
} |
|||
this.data.form.dividePrice = Number(element.dividePrice) |
|||
this.data.form.skuId = element.id |
|||
// console.log(element)
|
|||
break |
|||
} |
|||
} |
|||
// 如果查询到了价格，进行价格计算
|
|||
if (this.data.form.unitPrice) { |
|||
this.setData({ |
|||
['form.number']: this.data.form.number, |
|||
['form.unitPrice']: this.data.form.unitPrice, |
|||
['form.stockNumber']: this.data.form.stockNumber, |
|||
amount: float.accMul(this.data.form.unitPrice, this.data.form.number) |
|||
}) |
|||
} |
|||
} |
|||
}, |
|||
// 进入支付流程
|
|||
offerProject: function (e) { |
|||
var attributeList = this.data.orderInfo.attributeList |
|||
for (let i = 0; i < attributeList.length; i++) { |
|||
var toast = '请选择' + attributeList[i].name |
|||
for (let k = 0; k < attributeList[i].values.length; k++) { |
|||
const element = attributeList[i].values[k]; |
|||
if (element.select) { |
|||
toast = '' |
|||
break |
|||
} |
|||
} |
|||
if (!util.isEmpty(toast)) { |
|||
util.showToast(toast) |
|||
return |
|||
} |
|||
} |
|||
if (this.data.form.number <= 0) { |
|||
util.showToast('请输入购买数量，必选大于0') |
|||
return |
|||
} |
|||
if (this.data.form.stockNumber <= 0) { |
|||
util.showToast('暂无库存，请选择其他规格类型') |
|||
return |
|||
} |
|||
this.data.form.summary = this.data.orderInfo.summary |
|||
this.data.form.sellMode = this.data.orderInfo.sellMode |
|||
this.data.form.name = this.data.orderInfo.name |
|||
this.data.form.outline = this.data.orderInfo.outline |
|||
this.data.form.litimgUrl = this.data.orderInfo.litimgUrl |
|||
this.data.form.unit = this.data.orderInfo.unit |
|||
wx.navigateTo({ |
|||
url: '/pages/mall/order-offer/index?json=' + JSON.stringify(this.data.form) |
|||
}) |
|||
}, |
|||
onShareAppMessage: function () { |
|||
return { |
|||
title: this.data.orderInfo.name, |
|||
path: '/pages/mall/order-info/index?id=' + this.data.orderInfo.id, |
|||
imageUrl: this.data.orderInfo.litimgUrl, |
|||
success: function (res) {} |
|||
} |
|||
}, |
|||
// 分享至朋友圈
|
|||
onShareTimeline(res) { |
|||
return { |
|||
title: this.data.orderInfo.name, |
|||
path: '/pages/mall/order-info/index?id=' + this.data.orderInfo.id, |
|||
imageUrl: this.data.orderInfo.litimgUrl, |
|||
success: function (res) {} |
|||
} |
|||
}, |
|||
// event的unregister
|
|||
onUnload: function () { |
|||
event.remove('EventMessage', this) |
|||
if (getCurrentPages().length == 1) { |
|||
this.toHome() |
|||
} |
|||
}, |
|||
// 返回到主页
|
|||
toHome() { |
|||
wx.reLaunch({ |
|||
url: '/pages/mall/shops/index', |
|||
}) |
|||
} |
|||
}) |
|||
@ -0,0 +1,7 @@ |
|||
{ |
|||
"usingComponents": { |
|||
"wux-button": "/components/button/index", |
|||
"wux-input-number": "/components/input-number/index", |
|||
"wux-landscape": "/components/landscape/index" |
|||
} |
|||
} |
|||
@ -0,0 +1,73 @@ |
|||
<wxs module="goods" src="../../goods/goods.wxs"></wxs> |
|||
<cu-custom bgColor="bg-white" isBack="{{true}}"> |
|||
<view slot="content" style="color:black;font-size:36rpx">商品详情</view> |
|||
</cu-custom> |
|||
|
|||
<view wx:if="{{orderInfo}}"> |
|||
<swiper class="screen-swiper square-dot" style="min-height:{{imageHeight}}rpx" indicator-dots="true" indicator-color="#FFFFFF" indicator-active-color="#008AFF"> |
|||
<swiper-item wx:for="{{imgList}}" wx:key="index"> |
|||
<view wx:if="{{goods.isVideoUrl(item)}}"> |
|||
<view class="video-cnt"> |
|||
<video src="{{item}}" style="width:100%;min-height:{{imageHeight}}rpx" show-center-play-btn="{{false}}" controls="{{false}}"/> |
|||
</view> |
|||
<text class="play-btn cuIcon-video text-white" style="font-size:80rpx" catchtap="videoTap" wx:if="{{!visible}}"></text> |
|||
</view> |
|||
<view wx:else bindtap="viewImage" style="width:100%;height:100%" data-url="{{item}}"> |
|||
<image src="{{item}}" mode="aspectFill"></image> |
|||
</view> |
|||
</swiper-item> |
|||
</swiper> |
|||
<view class="bg-white flex flex-justify" style="padding:24rpx 32rpx"> |
|||
<view class="flex flex-center"> |
|||
<view class="detail-price">￥{{form.unitPrice || orderInfo.price}}</view> |
|||
<view class="text-gray" style="font-size:24rpx;margin-left:48rpx">库存：{{form.stockNumber >= 0 ? form.stockNumber : orderInfo.stockNumber}}{{orderInfo.unit}}</view> |
|||
</view> |
|||
<view class="text-gray" style="font-size:24rpx">{{orderInfo.viewNum}} 浏览</view> |
|||
</view> |
|||
|
|||
<view class="bg-white text-name" style="padding:0rpx 32rpx">{{orderInfo.name}}</view> |
|||
|
|||
<view class="bg-white"> |
|||
<view style="height:1px;width:100%;background-color:#F3F3F3;margin-left:32rpx"></view> |
|||
</view> |
|||
<view class="bg-white flex flex-justify" style="height:100rpx;;padding: 0rpx 32rpx"> |
|||
<view class="text-gray" style="font-size:28rpx">购买数量</view> |
|||
<wux-input-number value="{{form.number}}" controlled="{{true}}" disabled="{{false}}" color="stable" min="{{goods.minNumber(orderInfo, 1)}}" max="{{form.stockNumber||orderInfo.stockNumber}}" bind:change="onNumChange" /> |
|||
</view> |
|||
|
|||
<view class="bg-white" style="padding:32rpx;margin-top:32rpx"> |
|||
<view class="text-black" style="font-size:32rpx">商品描述</view> |
|||
<view class="text-gray" style="font-size:28rpx;margin-top:32rpx">{{orderInfo.description}}</view> |
|||
</view> |
|||
<view class="bg-white"> |
|||
<view style="height:1px;width:100%;background-color:#F3F3F3;margin-left:32rpx"></view> |
|||
</view> |
|||
|
|||
<view class="booking-tool" style="bottom:{{280 + safeBottom}}rpx"> |
|||
<view class="roder-add flex flex-center"> |
|||
<button open-type="share" style="background-color: #fff;border-radius: 0;padding-left: 0px;padding-right: 0px;height:32px"> |
|||
<image style="width:40rpx;height:40rpx;margin-bottom:3px" src="/assets/image/icon_share.png"></image> |
|||
</button> |
|||
</view> |
|||
</view> |
|||
|
|||
<view style="height:{{136 + safeBottom}}rpx;"></view> |
|||
<view class="cu-bar bg-white shadow foot flex flex-justify" style="height:{{120 + safeBottom}}rpx;padding:32rpx 32rpx {{safeBottom}}rpx 32rpx"> |
|||
<button class="flex flex-column" open-type="contact" style="background-color: #fff;border-radius: 0;margin-left:-20rpx"> |
|||
<image style="width:60rpx;height:60rpx" src="/assets/image/icon_wechat.svg"></image> |
|||
<view style="font-size:28rpx;line-height: 24rpx">客服</view> |
|||
</button> |
|||
<view class="flex align-end"> |
|||
<view wx:if="{{amount}}"> |
|||
<text class="text-black" style="font-size:32rpx">合计：</text> |
|||
<text class="text-blue" style="font-size:32rpx">￥{{amount}}</text> |
|||
</view> |
|||
<button wx:if="{{token}}" class="cu-btn offer-btn" bindtap="offerProject">立即购买</button> |
|||
<button wx:else class="cu-btn offer-btn" open-type="getPhoneNumber" bindgetphonenumber="onGotPhoneNumber">立即购买</button> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
<wux-landscape visible="{{ visible }}" bind:close="onClose"> |
|||
<video id="video" src="{{videoUrl}}" style="width:750rpx;min-height:{{imageHeight}}rpx" show-center-play-btn="{{false}}" bindended="bindended" /> |
|||
</wux-landscape> |
|||
@ -0,0 +1,79 @@ |
|||
.margin-top { |
|||
margin-top: 18rpx; |
|||
} |
|||
|
|||
.detail-price { |
|||
font-size: 32rpx; |
|||
font-family: DINAlternate-Bold, DINAlternate; |
|||
font-weight: bold; |
|||
color: rgba(255, 66, 43, 1); |
|||
line-height: 20px; |
|||
} |
|||
|
|||
.text-name { |
|||
font-size: 32rpx; |
|||
font-family: PingFang-SC-Medium, PingFang-SC; |
|||
font-weight: 500; |
|||
color: rgba(51, 51, 51, 1); |
|||
line-height: 22px; |
|||
} |
|||
|
|||
.offer-btn { |
|||
width: 150px; |
|||
height: 45px; |
|||
background: linear-gradient(312deg, rgba(38, 125, 214, 1) 0%, rgba(0, 138, 255, 1) 100%); |
|||
box-shadow: 0px 10px 13px -8px rgba(35, 126, 217, 0.53); |
|||
border-radius: 23px; |
|||
color: white; |
|||
font-size: 32rpx; |
|||
margin-left: 32rpx; |
|||
} |
|||
|
|||
button::after { |
|||
border: none; |
|||
} |
|||
|
|||
.booking-tool { |
|||
width: calc(100% - 20px); |
|||
background-color: #fff; |
|||
position: fixed; |
|||
bottom: 150px; |
|||
left: 25px; |
|||
} |
|||
|
|||
.roder-add { |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
width: 40px; |
|||
height: 40px; |
|||
background-color: #fff; |
|||
border-radius: 20px; |
|||
position: absolute; |
|||
top: 24px; |
|||
right: 24px; |
|||
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); |
|||
} |
|||
|
|||
.swiper-cnt { |
|||
display: flex; |
|||
flex-direction: column; |
|||
width: 100%; |
|||
position: relative; |
|||
} |
|||
|
|||
.video-cnt { |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: -1 !important; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
.play-btn { |
|||
position: absolute; |
|||
top: 150rpx; |
|||
left: 342rpx; |
|||
z-index: 100; |
|||
} |
|||
@ -0,0 +1,141 @@ |
|||
import { paperCategoryList, getMiniProxyList } from "../../../../api/ztb" |
|||
const app = getApp() |
|||
const statusList = [1, 2] |
|||
|
|||
Component({ |
|||
options: { |
|||
addGlobalClass: true, |
|||
multipleSlots: true |
|||
}, |
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
height: app.globalData.fragmentHeight - 210, |
|||
CustomBar: app.globalData.CustomBar, |
|||
kg: app.globalData.kg, |
|||
loading: true, |
|||
requesting: false, |
|||
finished: false, |
|||
cateList: [], |
|||
cateScroll: false, |
|||
tabiList: [], |
|||
pageIndex: 0, |
|||
top: 0, |
|||
orderList: [], |
|||
form: { |
|||
firstCategoryId: '', |
|||
bidType: statusList[0], |
|||
pageNum: 1, |
|||
pageSize:15 |
|||
}, |
|||
}, |
|||
methods: { |
|||
onRestart: function(){ |
|||
if (!this.data.firstShow) { |
|||
this.setData({ height: app.globalData.fragmentHeight - 210, kg: app.globalData.kg }) |
|||
this.fetchCateList() |
|||
this.fetchGoodsList() |
|||
} |
|||
this.data.firstShow = true |
|||
}, |
|||
fetchCateList: function(){ |
|||
paperCategoryList({ type: 1 }).then(result => { |
|||
var tabList = ['全部'] |
|||
var size = 0 |
|||
for (let index = 0; index < result.data.length; index++) { |
|||
tabList.push(result.data[index].name) |
|||
size += result.data[index].name.length |
|||
} |
|||
this.data.cateList = result.data |
|||
this.setData({ tabiList: tabList, cateScroll: size > 14 }) |
|||
}) |
|||
}, |
|||
onCategoryChange: function ({detail}) { |
|||
if(this.data.pageIndex == Number(detail.index)){ |
|||
return |
|||
} |
|||
this.data.pageIndex = Number(detail.index) |
|||
if(this.data.pageIndex == 0){ |
|||
this.data.form.firstCategoryId = '' |
|||
} else { |
|||
this.data.form.firstCategoryId = this.data.cateList[this.data.pageIndex - 1].id |
|||
} |
|||
this.onRefreshList() |
|||
}, |
|||
onTabChange: function (e) { |
|||
if (this.data.form.bidType == Number(e.currentTarget.dataset.index)) { |
|||
return |
|||
} |
|||
var tabIndex = Number(e.currentTarget.dataset.index) |
|||
// this.data.form.bidType = statusList[this.data.tabIndex]
|
|||
this.data.form.firstCategoryId = '' |
|||
this.setData({ pageIndex: 0, ['form.bidType']: tabIndex }) |
|||
this.onRefreshList() |
|||
}, |
|||
// 下拉刷新...
|
|||
onRefreshList: function () { |
|||
if (this.data.requesting) { |
|||
return |
|||
} |
|||
this.setData({ |
|||
orderList: [], |
|||
['form.pageNum']: 1, |
|||
loading: true, |
|||
finished: false |
|||
}) |
|||
this.fetchGoodsList() |
|||
}, |
|||
// 获取特价列表
|
|||
fetchGoodsList: function () { |
|||
if (this.data.requesting || this.data.finished) { |
|||
return |
|||
} |
|||
if (this.data.loading) { |
|||
this.data.requesting = true |
|||
} else { |
|||
this.setData({ requesting: true }) |
|||
} |
|||
getMiniProxyList(this.data.form).then(result => { |
|||
if (result.data.records.length) { |
|||
var respList = result.data.records |
|||
let nowList = `orderList[${this.data.orderList.length}]` |
|||
var num = result.data.current |
|||
var finished = result.data.current >= result.data.pages |
|||
if(this.data.form.pageNum == 1){ |
|||
this.setData({ |
|||
[nowList]: respList, |
|||
total: result.data.total, |
|||
['form.pageNum']: (num + 1), |
|||
top: 0, |
|||
finished, |
|||
requesting: false, |
|||
loading: false |
|||
}) |
|||
} else { |
|||
this.setData({ |
|||
[nowList]: respList, |
|||
total: result.data.total, |
|||
['form.pageNum']: (num + 1), |
|||
finished, |
|||
requesting: false, |
|||
loading: false |
|||
}) |
|||
} |
|||
} else { |
|||
this.setData({ finished: true, requesting: false, loading: false }) |
|||
} |
|||
}).catch(err => { |
|||
this.setData({ requesting: false, finished: true, loading: false }) |
|||
}) |
|||
}, |
|||
lookItem: function (e) { |
|||
var item = this.data.orderList[e.currentTarget.dataset.page][e.currentTarget.dataset.index] |
|||
wx.navigateTo({ url: '/pages/mall/detail/index?id=' + item.id }) |
|||
}, |
|||
offerGood: function(e){ |
|||
var item = this.data.orderList[e.currentTarget.dataset.page][e.currentTarget.dataset.index] |
|||
wx.navigateTo({ url: '/pages/mall/detail/index?id=' + item.id }) |
|||
} |
|||
} |
|||
}) |
|||
@ -0,0 +1,15 @@ |
|||
{ |
|||
"usingComponents": { |
|||
"wux-skeleton": "/components/skeleton/index", |
|||
"wux-skeleton-avatar": "/components/skeleton-avatar/index", |
|||
"wux-skeleton-paragraph": "/components/skeleton-paragraph/index", |
|||
"wux-row": "/components/row/index", |
|||
"wux-col": "/components/col/index", |
|||
"refresh-view": "/components/refresher/index", |
|||
"wux-button": "/components/button/index", |
|||
"wux-tabi": "/components/tabi/index", |
|||
"wux-image": "/components/image/index", |
|||
"wux-divider": "/components/divider/index", |
|||
"product-item": "/pages/goods/product-item/index" |
|||
} |
|||
} |
|||
@ -0,0 +1,53 @@ |
|||
<wxs module="formate" src="../../../../pages/formate.wxs"></wxs> |
|||
|
|||
<view class="flex bg-white" style="height:120rpx;padding:12rpx 12rpx 0rpx 12rpx;border-bottom: 2rpx solid #eee"> |
|||
<view data-index="1" class="flex flex-center flex-column" style="flex:1;" bindtap="onTabChange"> |
|||
<view class="text-bold" style="font-size:36rpx;color:{{form.bidType == 1 ? '#008AFF' : '#333'}}">一口价专区</view> |
|||
<view style="font-size:24rpx;color:{{form.bidType == 1 ? '#008AFF' : '#999'}};margin-top:8rpx">担保交易 支持退货</view> |
|||
<view style="width:80rpx;height:6rpx;background-color:#008AFF;margin-top:12rpx;visibility:{{form.bidType == 1 ? 'visible' : 'hidden'}}"></view> |
|||
</view> |
|||
<view data-index="2" class="flex flex-center flex-column" style="flex:1;" bindtap="onTabChange"> |
|||
<view class="text-bold" style="font-size:36rpx;color:{{form.bidType == 2 ? '#008AFF' : '#333'}}">特价专区</view> |
|||
<view style="font-size:24rpx;color:{{form.bidType == 2 ? '#008AFF' : '#999'}};margin-top:8rpx">稀有资源 限时特价</view> |
|||
<view style="width:80rpx;height:6rpx;background-color:#008AFF;margin-top:12rpx;visibility:{{form.bidType == 2 ? 'visible' : 'hidden'}}"></view> |
|||
</view> |
|||
</view> |
|||
<view class="bg-white" style="height:90rpx;border-bottom: 2rpx solid #eee"> |
|||
<wux-tabi scroll="{{cateScroll}}" tab-data="{{tabiList}}" tab-index="{{pageIndex}}" bind:change="onCategoryChange"></wux-tabi> |
|||
</view> |
|||
|
|||
<refresh-view bind:refresh="onRefreshList" height="{{height}}" triggered="{{requesting}}" scrollTop="{{top}}" bind:scrolltolower="fetchGoodsList"> |
|||
<view class="bg-white list-empty" style="height:{{ height }}rpx" wx:if="{{!orderList.length}}"> |
|||
<view class="load-spinner text-gray" style="margin-bottom:24px" wx:if="{{loading}}" /> |
|||
<image class="img-empty" src="/assets/image/list_empty.png" wx:else></image> |
|||
<view class="text-empty"> |
|||
<text wx:if="{{loading}}">正在加载</text> |
|||
<view wx:else> |
|||
<view wx:if="{{form.bidType == 2}}"> |
|||
<view>特价商品发布中，</view> |
|||
<view>先去一口价专区逛逛吧。</view> |
|||
</view> |
|||
<view wx:else>暂无数据</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
<view wx:else> |
|||
<view wx:for-item="pageItem" wx:for-index="pageIndex" wx:for="{{orderList}}" wx:key="pageIndex"> |
|||
<view wx:for="{{pageItem}}" wx:key="index"> |
|||
<view class="bg-white" style="padding: 0rpx 32rpx" wx:if="{{pageIndex != 0 || index != 0 }}"> |
|||
<wux-divider show-text="{{ false }}"></wux-divider> |
|||
</view> |
|||
<product-item item="{{item}}"></product-item> |
|||
</view> |
|||
</view> |
|||
<!--加载更多的UI--> |
|||
<view wx:if="{{form.pageNum > 1}}" style="padding:20rpx"> |
|||
<wux-divider> |
|||
<view class="loadmore"> |
|||
<text class="icon--refresher" wx:if="{{!finished}}"></text> |
|||
<text class="text-sm" style="margin-left:8rpx">{{finished?'到底啦～':'加载中...'}}</text> |
|||
</view> |
|||
</wux-divider> |
|||
</view> |
|||
</view> |
|||
</refresh-view> |
|||
@ -0,0 +1,133 @@ |
|||
function isEmpty(val) { |
|||
return typeof val === 'undefined' || val === '' || val === null |
|||
} |
|||
|
|||
function orderStatus(status) { |
|||
if (status == 2) { |
|||
return '待确认' |
|||
} else if (status == 3 || status == 30) { |
|||
return '待审核' |
|||
} else if (status == 23 || status == 31) { |
|||
return '待审核' |
|||
} else if (status == 4) { |
|||
return '已完成' |
|||
} else if (status == 5) { |
|||
return '已取消' |
|||
} else if (status == 6) { |
|||
return '不通过' |
|||
} |
|||
return '' |
|||
} |
|||
|
|||
|
|||
function numberFormat(value, fix) { |
|||
if (value) { |
|||
return value.toFixed(fix) |
|||
} |
|||
return '' |
|||
} |
|||
|
|||
function orderOperated(status) { |
|||
return status in [2, 3, 4] |
|||
} |
|||
|
|||
function settleOrder(orderInfo, type) { |
|||
if (type == 1) { |
|||
if (parseFloat(orderInfo.settleWeight) > 0) { |
|||
return numberFormat(orderInfo.settleWeight, 3) |
|||
} |
|||
if (parseFloat(orderInfo.allSettleWeight) > 0) { |
|||
return numberFormat(orderInfo.allSettleWeight, 3) |
|||
} |
|||
} else if (type == 2) { |
|||
if (parseFloat(orderInfo.settlePrice) > 0) { |
|||
return numberFormat(orderInfo.settlePrice, 2) |
|||
} |
|||
if (!isEmpty(orderInfo.allTotalPrice) && parseFloat(orderInfo.allTotalPrice) > 0) { |
|||
return numberFormat(orderInfo.allTotalPrice, 2) |
|||
} |
|||
} |
|||
return '' |
|||
} |
|||
|
|||
function formatePrice(price) { |
|||
return Number(parseFloat(price) / 100).toFixed(2) |
|||
} |
|||
|
|||
function formateWeight(weight, kg) { |
|||
if (weight || weight == 0) { |
|||
if (kg) { |
|||
return (parseFloat(weight)).toFixed(1) |
|||
} else { |
|||
return (parseFloat(weight) / 1000).toFixed(3) |
|||
} |
|||
} |
|||
return '' |
|||
} |
|||
|
|||
function formateAmount(price) { |
|||
return Number(parseFloat(price)).toFixed(2) |
|||
} |
|||
|
|||
function formateDate(datetime) { |
|||
if (isEmpty(datetime)) { |
|||
return '' |
|||
} |
|||
var date = getDate(datetime.trim()) |
|||
var today = getDate() |
|||
var dayCode = 24 * 60 * 60 * 1000 |
|||
var week = '' |
|||
if (date.getTime() === today.getTime()) { |
|||
week = '(今天)' |
|||
} else if (date.getTime() === today.getTime() + dayCode) { |
|||
week = '(明天)' |
|||
} else if (date.getTime() === today.getTime() - dayCode) { |
|||
week = '(昨天)' |
|||
} else if (date.getTime() === today.getTime() + dayCode * 2) { |
|||
week = '(后天)' |
|||
} else { |
|||
week = ['(周日)', '(周一)', '(周二)', '(周三)', '(周四)', '(周五)', '(周六)'][date.getDay()] |
|||
} |
|||
if (isEmpty(week)) { |
|||
week = '' |
|||
} |
|||
return datetime + week |
|||
} |
|||
|
|||
function formateText(text, length) { |
|||
if (!text) { |
|||
return '' |
|||
} |
|||
if (text.length <= length) { |
|||
return text |
|||
} |
|||
return text.substring(0, length) + '...' |
|||
} |
|||
|
|||
function isVideoUrl(url) { |
|||
if (url && url.indexOf('.mp4') >= 0) { |
|||
return true |
|||
} |
|||
return false |
|||
} |
|||
|
|||
function minNumber(order, num) { |
|||
if (order && parseInt(order.minBuyNum) > 0) { |
|||
return Number(order.minBuyNum) |
|||
} |
|||
return num |
|||
} |
|||
|
|||
module.exports = { |
|||
orderStatus: orderStatus, |
|||
numberFormat: numberFormat, |
|||
orderOperated: orderOperated, |
|||
settleOrder: settleOrder, |
|||
formatePrice: formatePrice, |
|||
formateWeight: formateWeight, |
|||
formateDate: formateDate, |
|||
formateText: formateText, |
|||
isVideoUrl: isVideoUrl, |
|||
minNumber: minNumber, |
|||
formateAmount: formateAmount |
|||
} |
|||
@ -0,0 +1,238 @@ |
|||
import { paperCategoryList, getGoodProductList, statusProductInfo, deleteProduct } from "../../../../api/ztb" |
|||
const util = require('../../../../utils/util') |
|||
const event = require('../../../../utils/event') |
|||
const app = getApp() |
|||
const statusList = [1, 2] |
|||
|
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
height: app.globalData.fragmentHeight, |
|||
kg: app.globalData.kg, |
|||
loading: true, |
|||
requesting: false, |
|||
finished: false, |
|||
tabList: ['一口价商品', '特价商品'], |
|||
tabIndex: 0, |
|||
tabScroll: false, |
|||
cateList: [], |
|||
cateScroll: false, |
|||
tabiList: [], |
|||
pageIndex: 0, |
|||
top: 0, |
|||
orderList: [], |
|||
form: { |
|||
firstCategoryId: '', |
|||
bidType: 1, |
|||
pageNum: 1, |
|||
pageSize:15 |
|||
} |
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad: function (options) { |
|||
this.setData({ |
|||
height: app.globalData.fragmentHeight - 180, |
|||
kg: app.globalData.kg, |
|||
CustomBar: app.globalData.CustomBar |
|||
}) |
|||
event.on('EventMessage', this, this.onEvent) |
|||
this.wuxDialog = this.wuxDialog || this.selectComponent('#wux-dialog') |
|||
this.fetchCateList() |
|||
this.fetchGoodsList() |
|||
}, |
|||
onEvent: function (message) { |
|||
console.log('goods>>index>>onEvent', message) |
|||
if (message.what == 102) { |
|||
this.onRefreshList() |
|||
} |
|||
}, |
|||
onRefreshList: function () { |
|||
if (this.data.requesting) { |
|||
return |
|||
} |
|||
this.setData({ |
|||
orderList: [], |
|||
['form.firstCategoryId']: this.data.form.firstCategoryId, |
|||
['form.bidType']: this.data.form.bidType, |
|||
['form.pageNum']: 1, |
|||
loading: true, |
|||
finished: false |
|||
}) |
|||
this.fetchGoodsList() |
|||
}, |
|||
fetchCateList: function(){ |
|||
paperCategoryList({ type: 1 }).then(result => { |
|||
//成功回调
|
|||
var tabList = ['全部'] |
|||
var size = 0 |
|||
for (let index = 0; index < result.data.length; index++) { |
|||
tabList.push(result.data[index].name) |
|||
size += result.data[index].name.length |
|||
} |
|||
this.data.cateList = result.data |
|||
this.setData({ tabiList: tabList, cateScroll: size > 14 }) |
|||
}) |
|||
}, |
|||
onCategoryChange: function ({detail}) { |
|||
if(this.data.pageIndex == Number(detail.index)){ |
|||
return |
|||
} |
|||
this.data.pageIndex = Number(detail.index) |
|||
if(this.data.pageIndex == 0){ |
|||
this.data.form.firstCategoryId = '' |
|||
} else { |
|||
this.data.form.firstCategoryId = this.data.cateList[this.data.pageIndex - 1].id |
|||
} |
|||
this.onRefreshList() |
|||
}, |
|||
fetchGoodsList: function () { |
|||
if (this.data.requesting || this.data.finished) { |
|||
return |
|||
} |
|||
if (this.data.loading) { |
|||
this.data.requesting = true |
|||
} else { |
|||
this.setData({ requesting: true }) |
|||
} |
|||
getGoodProductList(this.data.form).then(result => { |
|||
if (result.data.records.length) { |
|||
var respList = result.data.records |
|||
let nowList = `orderList[${this.data.orderList.length}]` |
|||
var num = this.data.form.pageNum |
|||
var finished = this.data.form.pageNum >= result.data.pages |
|||
if(this.data.form.pageNum == 1){ |
|||
this.setData({ |
|||
[nowList]: respList, |
|||
total: result.data.total, |
|||
['form.pageNum']: (num + 1), |
|||
top: 0, |
|||
finished, |
|||
requesting: false, |
|||
loading: false |
|||
}) |
|||
} else { |
|||
this.setData({ |
|||
[nowList]: respList, |
|||
total: result.data.total, |
|||
['form.pageNum']: (num + 1), |
|||
finished, |
|||
requesting: false, |
|||
loading: false |
|||
}) |
|||
} |
|||
} else { |
|||
this.setData({ |
|||
finished: true, |
|||
requesting: false, |
|||
loading: false |
|||
}) |
|||
} |
|||
}).catch(err => { |
|||
//异常回调
|
|||
this.setData({ |
|||
requesting: false, |
|||
loading: false |
|||
}) |
|||
util.showToast(err) |
|||
}) |
|||
}, |
|||
lookItem: function (e) { |
|||
var item = this.data.orderList[e.currentTarget.dataset.page][e.currentTarget.dataset.index] |
|||
// wx.navigateTo({
|
|||
// url: '/pages/goods/detail/index?id=' + item.id
|
|||
// })
|
|||
}, |
|||
editItem: function (e) { |
|||
var item = this.data.orderList[e.currentTarget.dataset.page][e.currentTarget.dataset.index] |
|||
wx.navigateTo({ url: '/pages/goods/create/index?id=' + item.id }) |
|||
}, |
|||
shelvesItem: function (e) { |
|||
var page = e.currentTarget.dataset.page |
|||
var index = e.currentTarget.dataset.index |
|||
var item = this.data.orderList[page][index] |
|||
var that = this |
|||
if(item.status == 1){ |
|||
this.wuxDialog.open({ |
|||
resetOnClose: true, |
|||
title: '温馨提示', |
|||
content: '确定下架该商品？', |
|||
buttons: [{ |
|||
text: '取消' |
|||
}, { |
|||
text: '确定', |
|||
type: 'primary', |
|||
onTap(e) { |
|||
that.statusItem(item, page, index, 2) |
|||
} |
|||
}] |
|||
}) |
|||
} else { |
|||
that.statusItem(item, page, index, 1) |
|||
} |
|||
}, |
|||
statusItem: function(item, page, index, status){ |
|||
wx.showLoading({ title: '处理中', mask: true }) |
|||
statusProductInfo({productId: item.id, status}).then(result => { |
|||
this.setData({ ['orderList[' + page + '][' + index + '].status']: status }) |
|||
wx.hideLoading() |
|||
if(status == 2){ |
|||
util.showToast('商品下架成功!') |
|||
} else { |
|||
util.showToast('商品上架成功!') |
|||
} |
|||
}).catch(err => { |
|||
//异常回调
|
|||
wx.hideLoading() |
|||
util.showToast(err) |
|||
}) |
|||
}, |
|||
removeItem: function (e) { |
|||
var item = this.data.orderList[e.currentTarget.dataset.page][e.currentTarget.dataset.index] |
|||
var that = this |
|||
this.wuxDialog.open({ |
|||
resetOnClose: true, |
|||
title: '温馨提示', |
|||
content: '确定删除该商品？', |
|||
buttons: [{ |
|||
text: '取消' |
|||
}, { |
|||
text: '确定', |
|||
type: 'primary', |
|||
onTap(e) { |
|||
that.deleteItem(item) |
|||
} |
|||
}] |
|||
}) |
|||
}, |
|||
deleteItem: function(item){ |
|||
wx.showLoading({ title: '处理中', mask: true }) |
|||
deleteProduct({productId: item.id}).then(result => { |
|||
wx.hideLoading() |
|||
this.onRefreshList() |
|||
util.showToast('商品删除成功!') |
|||
}).catch(err => { |
|||
//异常回调
|
|||
wx.hideLoading() |
|||
util.showToast(err) |
|||
}) |
|||
}, |
|||
onTabChange: function ({detail}) { |
|||
if (this.data.tabIndex == detail.index) { |
|||
return |
|||
} |
|||
this.data.tabIndex = detail.index |
|||
this.data.form.bidType = statusList[this.data.tabIndex] |
|||
this.data.form.firstCategoryId = '' |
|||
this.setData({ pageIndex: 0, ['form.bidType']: statusList[this.data.tabIndex] }) |
|||
this.onRefreshList() |
|||
}, |
|||
onUnload: function(){ |
|||
event.remove('EventMessage', this) |
|||
} |
|||
}) |
|||
@ -0,0 +1,10 @@ |
|||
{ |
|||
"usingComponents": { |
|||
"refresh-view": "/components/refresher/index", |
|||
"wux-tabi": "/components/tabi/index", |
|||
"wux-image": "/components/image/index", |
|||
"wux-divider": "/components/divider/index", |
|||
"wux-dialog": "/components/dialog/index", |
|||
"wux-button": "/components/button/index" |
|||
} |
|||
} |
|||
@ -0,0 +1,69 @@ |
|||
<!--pages/goods/index/index.wxml--> |
|||
<wxs module="formate" src="../../../../pages/formate.wxs"></wxs> |
|||
<cu-custom bgColor="bg-white" isBack="{{true}}"> |
|||
<view slot="content">商品管理</view> |
|||
</cu-custom> |
|||
|
|||
<view class="nav bg-white fixed" style="top:{{CustomBar}}px;"> |
|||
<wux-tabi tab-data="{{tabList}}" tab-index="{{tabIndex}}" bind:change="onTabChange"></wux-tabi> |
|||
<wux-divider show-text="{{ false }}"></wux-divider> |
|||
<wux-tabi scroll="{{cateScroll}}" tab-data="{{tabiList}}" tab-index="{{pageIndex}}" bind:change="onCategoryChange"></wux-tabi> |
|||
</view> |
|||
<view style="height:180rpx;width:100%"></view> |
|||
|
|||
<refresh-view bind:refresh="onRefreshList" height="{{height}}" triggered="{{requesting}}" scrollTop="{{top}}" bind:scrolltolower="fetchGoodsList"> |
|||
<view wx:if="{{!orderList.length}}"> |
|||
<view class="list-empty" style="height:{{height}}rpx"> |
|||
<view class="load-spinner text-gray" style="margin-bottom:24px" wx:if="{{loading}}" /> |
|||
<image class="img-empty" src="/assets/image/list_empty.png" wx:else></image> |
|||
<view class="text-empty">{{loading? '正在加载' : '暂无数据'}}</view> |
|||
</view> |
|||
</view> |
|||
<view wx:else> |
|||
<view wx:for-item="pageItem" wx:for-index="pageIndex" wx:for="{{orderList}}" wx:key="pageIndex"> |
|||
<view wx:for="{{pageItem}}" wx:key="index"> |
|||
<wux-divider show-text="{{ false }}" wx:if="{{pageIndex != 0 || index != 0 }}"></wux-divider> |
|||
<view class="flex item-content" data-page="{{pageIndex}}" data-index="{{index}}" bindtap="lookItem"> |
|||
<wux-image width="{{100}}" height="{{100}}" shape="rounded" lazyLoad="true" src="{{item.coverImgUrl}}" mode="aspectFill"> |
|||
<image class="image-load" slot="loading" src="/assets/image/def_image.png"></image> |
|||
</wux-image> |
|||
<view style="flex:1;padding-left:20rpx;padding-top:8rpx;height:100px"> |
|||
<view class="flex flex-justify" style="height:20px;"> |
|||
<view class="page-name"> |
|||
<text>{{item.secondCategoryName}}</text> |
|||
<text style="font-size:22rpx;margin-left:4rpx">{{item.locProvinceName + item.locCityName}}</text> |
|||
</view> |
|||
<view class="page-num">库存：{{formate.formateWeight(item.stock, kg)}}</view> |
|||
</view> |
|||
<view style="height:50px"> |
|||
<view class="page-outline">{{item.description || ''}}</view> |
|||
</view> |
|||
<view class="flex flex-justify"> |
|||
<view class="page-price" wx:if="{{formate.formatePrice(item.unitPrice, kg) !=''}}">￥{{formate.formatePrice(item.unitPrice, kg)}}</view> |
|||
<view class="page-price" wx:if="{{formate.formatePrice(item.unitPrice, kg) ==''}}">价格面议</view> |
|||
<view class="flex"> |
|||
<wux-button outline size="tag" data-page="{{pageIndex}}" data-index="{{index}}" bind:click="editItem" wx:if="{{item.bidType == 1 && item.status == 2}}">编辑</wux-button> |
|||
<wux-button outline style="margin-left:9px" size="tag" data-page="{{pageIndex}}" data-index="{{index}}" wx:if="{{item.bidType == 1}}" bind:click="shelvesItem">{{item.status == 2 ? '上架': '下架'}}</wux-button> |
|||
<wux-button outline style="margin-left:9px" size="tag" data-page="{{pageIndex}}" data-index="{{index}}" wx:if="{{item.bidType == 2 && item.status == 1}}" bind:click="shelvesItem">下架</wux-button> |
|||
<wux-button outline style="margin-left:9px" size="tag" data-page="{{pageIndex}}" data-index="{{index}}" wx:if="{{item.bidType == 2 && item.status == 2}}" bind:click="editItem">重新发布</wux-button> |
|||
<wux-button outline style="margin-left:9px" size="tag" data-page="{{pageIndex}}" data-index="{{index}}" bind:click="removeItem" wx:if="{{item.status == 2}}">删除</wux-button> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
|
|||
</view> |
|||
<!--加载更多的UI--> |
|||
<view wx:if="{{form.pageNum>1}}" style="padding:20rpx"> |
|||
<wux-divider> |
|||
<view class="loadmore"> |
|||
<text class="icon--refresher" wx:if="{{!finished}}"></text> |
|||
<text class="text-sm" style="margin-left:8rpx">{{finished?'到底啦～':'加载中...'}}</text> |
|||
</view> |
|||
</wux-divider> |
|||
</view> |
|||
</view> |
|||
</refresh-view> |
|||
|
|||
<wux-dialog id="wux-dialog" /> |
|||
@ -0,0 +1,51 @@ |
|||
.item-content { |
|||
height: 120px; |
|||
background: rgba(255, 255, 255, 1); |
|||
padding:20rpx |
|||
} |
|||
|
|||
.page-name { |
|||
font-size: 32rpx; |
|||
font-family: PingFang-SC-Medium, PingFang-SC; |
|||
font-weight: 500; |
|||
color: rgba(51, 51, 51, 1); |
|||
line-height: 22px; |
|||
} |
|||
|
|||
.page-num { |
|||
font-size: 24rpx; |
|||
font-family: PingFang-SC-Regular, PingFang-SC; |
|||
font-weight: 400; |
|||
color: rgba(153, 153, 153, 1); |
|||
} |
|||
|
|||
.page-outline { |
|||
margin-top: 8rpx; |
|||
font-size: 28rpx; |
|||
font-family: PingFang-SC-Regular, PingFang-SC; |
|||
font-weight: 400; |
|||
color: rgba(51, 51, 51, 1); |
|||
display: -webkit-box; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
word-wrap: break-word; |
|||
white-space: normal !important; |
|||
-webkit-line-clamp: 2; |
|||
-webkit-box-orient: vertical; |
|||
} |
|||
|
|||
.page-price { |
|||
line-height: 30rpx; |
|||
font-size: 32rpx; |
|||
font-family: DINAlternate-Bold, DINAlternate; |
|||
font-weight: bold; |
|||
color: rgba(255, 66, 43, 1); |
|||
} |
|||
|
|||
.image-load { |
|||
width: 100px; |
|||
height: 100px; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
@ -0,0 +1,26 @@ |
|||
const app = getApp() |
|||
|
|||
Component({ |
|||
options: { |
|||
addGlobalClass: true, |
|||
multipleSlots: true |
|||
}, |
|||
properties: { |
|||
item: { type: Object, value: null } |
|||
}, |
|||
data: { |
|||
kg: app.globalData.kg |
|||
}, |
|||
lifetimes: { |
|||
// 生命周期函数，可以为函数，或一个在methods段中定义的方法名
|
|||
attached: function () { |
|||
this.setData({ kg: app.globalData.kg }) |
|||
} |
|||
}, |
|||
methods: { |
|||
lookItem: function (e) { |
|||
wx.navigateTo({ url: '/pages/mall/detail/index?id=' + this.data.item.id }) |
|||
} |
|||
} |
|||
|
|||
}) |
|||
@ -0,0 +1,6 @@ |
|||
{ |
|||
"component": true, |
|||
"usingComponents": { |
|||
"wux-image": "/components/image/index" |
|||
} |
|||
} |
|||
@ -0,0 +1,27 @@ |
|||
<wxs module="formate" src="../../../../pages/formate.wxs"></wxs> |
|||
<view class="flex item-content" bindtap="lookItem"> |
|||
<wux-image width="{{100}}" height="{{100}}" lazyLoad="true" src="{{item.coverImgUrl}}" mode="aspectFill"> |
|||
<image class="image-load" slot="loading" src="/assets/image/def_image.png"></image> |
|||
</wux-image> |
|||
<view style="flex:1;padding-left:24rpx;height:100px"> |
|||
<view class="flex" style="height:20px;align-items: center"> |
|||
<image style="width:40px;height:20px;margin-right:12rpx" src="/assets/image/ico_tag{{item.bidType == 2 ? '2' : '1'}}.png"></image> |
|||
<view class="page-name">{{item.firstCategoryName || item.secondCategoryName}}</view> |
|||
</view> |
|||
<view class="flex page-num" style="margin-top:8rpx;justify-content: space-between"> |
|||
<view class="text-cut" style="font-size:24rpx;max-width: 240rpx">{{item.locProvinceName + item.locCityName}} |
|||
</view> |
|||
<view style="font-size:24rpx;margin-left:24rpx" wx:if="{{item.stock}}">库存：{{formate.formateWeight(item.stock, kg)}}</view> |
|||
</view> |
|||
<view class="flex flex-center" style="margin-top:16rpx;justify-content: flex-start"> |
|||
<text class="text-xs text-gray" wx:if="{{item.bidType == 2}}">起拍单价</text> |
|||
<text class="page-price" wx:if="{{formate.formatePrice(item.unitPrice, kg)!=''}}">￥{{formate.formatePrice(item.unitPrice, kg)}}</text> |
|||
<view class="text-df" style="color: rgba(255, 66, 43, 1);margin-left:8rpx" wx:if="{{formate.formatePrice(item.unitPrice, kg)!=''}}">{{ kg? '元/KG' : '元/吨' }} |
|||
</view> |
|||
<text class="page-price" wx:if="{{formate.formatePrice(item.unitPrice, kg)==''}}">价格面议</text> |
|||
</view> |
|||
<view style="height:32px"> |
|||
<view class="page-outline">{{item.description || ''}}</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
@ -0,0 +1,49 @@ |
|||
.item-content { |
|||
background: rgba(255, 255, 255, 1); |
|||
padding:32rpx |
|||
} |
|||
|
|||
.page-name { |
|||
font-size: 36rpx; |
|||
font-weight: bold; |
|||
color: rgba(51, 51, 51, 1); |
|||
line-height: 20px; |
|||
} |
|||
|
|||
.page-num { |
|||
font-size: 24rpx; |
|||
font-family: PingFang-SC-Regular, PingFang-SC; |
|||
font-weight: 400; |
|||
color: #040404; |
|||
} |
|||
|
|||
.page-outline { |
|||
margin-top: 8rpx; |
|||
font-size: 24rpx; |
|||
font-family: PingFang-SC-Regular, PingFang-SC; |
|||
font-weight: 400; |
|||
color: #999999; |
|||
display: -webkit-box; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
word-wrap: break-word; |
|||
white-space: normal !important; |
|||
-webkit-line-clamp: 2; |
|||
-webkit-box-orient: vertical; |
|||
} |
|||
|
|||
.page-price { |
|||
line-height: 30rpx; |
|||
font-size: 34rpx; |
|||
font-family: DINAlternate-Bold, DINAlternate; |
|||
font-weight: bold; |
|||
color: rgba(255, 66, 43, 1); |
|||
} |
|||
|
|||
.image-load { |
|||
width: 100px; |
|||
height: 100px; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
@ -0,0 +1,66 @@ |
|||
// submodel/pages/paper/index/index.js
|
|||
Page({ |
|||
|
|||
/** |
|||
* 页面的初始数据 |
|||
*/ |
|||
data: { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面加载 |
|||
*/ |
|||
onLoad: function (options) { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面初次渲染完成 |
|||
*/ |
|||
onReady: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面显示 |
|||
*/ |
|||
onShow: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面隐藏 |
|||
*/ |
|||
onHide: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 生命周期函数--监听页面卸载 |
|||
*/ |
|||
onUnload: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面相关事件处理函数--监听用户下拉动作 |
|||
*/ |
|||
onPullDownRefresh: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 页面上拉触底事件的处理函数 |
|||
*/ |
|||
onReachBottom: function () { |
|||
|
|||
}, |
|||
|
|||
/** |
|||
* 用户点击右上角分享 |
|||
*/ |
|||
onShareAppMessage: function () { |
|||
|
|||
} |
|||
}) |
|||
@ -0,0 +1,3 @@ |
|||
{ |
|||
"usingComponents": {} |
|||
} |
|||
@ -0,0 +1,2 @@ |
|||
<!--submodel/pages/paper/index/index.wxml--> |
|||
<text>submodel/pages/paper/index/index.wxml</text> |
|||
@ -0,0 +1 @@ |
|||
/* submodel/pages/paper/index/index.wxss */ |
|||
Write
Preview
Loading…
Cancel
Save