Skip to content

N
nyx
Commit e4415b5b by jscat
Options

nyx weapp: 功能优化 & 页面优化 

1. 完成活动拷贝功能
2. 完成activity-submit页面textarea高度自适应
parent 6846efcc
正在显示 包含 131 行增加 和 56 行删除
增值产品-小程序及app/nyx-master/pages/activity/activity-info/activity-info.js
// pages/activity/activity-info/activity-info.js // pages/activity/activity-info/activity-info.js
...@@ -235,7 +235,7 @@ Page({ ...@@ -235,7 +235,7 @@ Page({
result["productId"] = res.data.data[i].productId result["productId"] = res.data.data[i].productId
result["productDesc"] = res.data.data[i].productDesc result["productDesc"] = res.data.data[i].productDesc
result["unitPrice"] = res.data.data[i].unitPrice result["unitPrice"] = res.data.data[i].unitPrice
result["stock"] = res.data.data[i].stock result["quantity"] = res.data.data[i].quantity
result["defaultStatus"] = res.data.data[i].defaultStatus result["defaultStatus"] = res.data.data[i].defaultStatus
products.push(result) products.push(result)
} }
...@@ -314,11 +314,25 @@ Page({ ...@@ -314,11 +314,25 @@ Page({
}, },
//点击clone后跳转至活动创建页面 //点击clone后跳转至活动创建页面
// 数据通过app.globalData
// app.globalData.postData
// photoTag: "",
// photoTitle: "",
// photoContent: "",
// photoProduct: [],
// startDatetime: "",
// endDatetime: "",
onClickClone: function (e) { onClickClone: function (e) {
var _this = this; var _this = this;
var url = "/pages/member/activity-post/activity-post?" var url = "/pages/member/activity-post/activity-post"
+ "&activity_id=" + "aid_123" // 构造数据
wx.navigateTo({ app.globalData.postData.startDatetime = _this.data.activityInfo["start_datetime"]
app.globalData.postData.endDatetime = _this.data.activityInfo["end_datetime"]
app.globalData.postData.photoTitle = _this.data.activityInfo["title"]
app.globalData.postData.photoContent = _this.data.activityInfo["content"]
app.globalData.postData.photoProduct = _this.data.products
wx.switchTab({
url: url url: url
}); });
}, },
......
增值产品-小程序及app/nyx-master/pages/member/activity-post/activity-edit/activity-edit.js
// pages/member/activity-post/activity-edit/activity-edit.js // pages/member/activity-post/activity-edit/activity-edit.js
...@@ -8,14 +8,17 @@ var util = require('./../../../../utils/util.js') ...@@ -8,14 +8,17 @@ var util = require('./../../../../utils/util.js')
Page({ Page({
data: { data: {
product_listData: [],
attributeArray: ['活动类别', '价格', '库存'],
startDate: '', startDate: '',
endDate: '', endDate: '',
startTime: "", startTime: "",
endTime: "", endTime: "",
title: "",
content: "",
products: "",
attributeArray: ['活动类别', '价格', '库存'],
}, },
...@@ -30,32 +33,57 @@ Page({ ...@@ -30,32 +33,57 @@ Page({
} }
}) })
var product_listData = [{ desc: "", price: 0, stock: 0, }] var products = [{ productDesc: "", unitPrice: 0, quantity: 0, }]
_this.setData({ _this.setData({
product_listData: product_listData, products: products,
}); });
var dateNow = new Date(); var date = ""
var year = dateNow.getFullYear(); var startDate = ""
var month = dateNow.getMonth() + 1; var endDate = ""
month = month.toString().length==1 ? '0'+month : month
var day = dateNow.getDate()
day = day.toString().length==1 ? '0'+day : day
var date = year + "-" + month + "-" + day
var startTime = "19:30" var startTime = "19:30"
var endTime = "23:30" var endTime = "23:30"
var title =""
var content = ""
// 如果startDatetime有值
if(app.globalData.postData.startDatetime != "")
{
// 2020-09-07 19:41:00
startDate = app.globalData.postData.startDatetime.substr(0, 10)
startTime = app.globalData.postData.startDatetime.substr(11, 5)
endDate = app.globalData.postData.endDatetime.substr(0, 10)
endTime = app.globalData.postData.endDatetime.substr(11, 5)
title = app.globalData.postData.photoTitle
content = app.globalData.postData.photoContent
products = app.globalData.postData.photoProduct
}
else
{
var dateNow = new Date();
var year = dateNow.getFullYear();
var month = dateNow.getMonth() + 1;
month = month.toString().length==1 ? '0'+month : month
var day = dateNow.getDate()
day = day.toString().length==1 ? '0'+day : day
date = year + "-" + month + "-" + day
startDate = date
endDate = date
}
//设置本地变量
_this.setData({ _this.setData({
startDate: date, startDate: startDate,
endDate: date, endDate: endDate,
startTime: startTime, startTime: startTime,
endTime: endTime, endTime: endTime,
title: title,
content: content,
products: products,
}); });
// //设置全局变量
//设置全局变量 // app.globalData.postData.startDatetime = startDate + " " + startTime + ":00"
app.globalData.postData.startDatetime = date + " " + startTime + ":00" // app.globalData.postData.endDatetime = endDate + " " + endTime + ":00"
app.globalData.postData.endDatetime = date + " " + endTime + ":00"
}, },
onReady: function (e) { onReady: function (e) {
...@@ -64,8 +92,8 @@ Page({ ...@@ -64,8 +92,8 @@ Page({
// Page Flow // Page Flow
navigateToSubmit() { navigateToSubmit() {
var _this = this; var _this = this;
var product = _this.__data__.product_listData var product = _this.__data__.products
app.globalData.postData.photoProduct = _this.__data__.product_listData app.globalData.postData.photoProduct = _this.__data__.products
let promise = app.onCheckText(app.globalData.postData.photoTag) let promise = app.onCheckText(app.globalData.postData.photoTag)
//在本轮event loop（事件循环）运行完成之前，回调函数是不会被调用的 //在本轮event loop（事件循环）运行完成之前，回调函数是不会被调用的
...@@ -105,33 +133,33 @@ Page({ ...@@ -105,33 +133,33 @@ Page({
bindKeyText(e){ bindKeyText(e){
var _this = this; var _this = this;
//js的e.currentTarget.id 对应wxml的 id="0" //js的e.currentTarget.id 对应wxml的 id="0"
//js的e.currentTarget.dataSet.id 对应wxml的 data-id="desc" //js的e.currentTarget.dataSet.id 对应wxml的 data-id="productDesc"
var index = e.currentTarget.id; var index = e.currentTarget.id;
var key = e.currentTarget.dataset.id var key = e.currentTarget.dataset.id
var product_listData = _this.__data__.product_listData var products = _this.__data__.products
var dict = product_listData[index] var dict = products[index]
dict[key] = e.detail.value dict[key] = e.detail.value
product_listData.splice(index, 1, dict); products.splice(index, 1, dict);
_this.setData({ product_listData }) _this.setData({ products })
}, },
addList: function(){ addList: function(){
var _this = this; var _this = this;
var list = _this.data.product_listData; var list = _this.data.products;
var newData = { desc: "", price: 0, stock: 0, }; var newData = { productDesc: "", unitPrice: 0, quantity: 0, };
list.push(newData);//实质是添加lists数组内容，使for循环多一次 list.push(newData);//实质是添加lists数组内容，使for循环多一次
this.setData({ this.setData({
product_listData: list, products: list,
}) })
}, },
delList: function (e) { delList: function (e) {
var _this = this; var _this = this;
var dataId = e.currentTarget.dataset.id var dataId = e.currentTarget.dataset.id
var product_listData = _this.data.product_listData; var products = _this.data.products;
product_listData.splice( dataId,1); products.splice( dataId,1);
this.setData({ this.setData({
product_listData: product_listData, products: products,
}) })
}, },
......
增值产品-小程序及app/nyx-master/pages/member/activity-post/activity-edit/activity-edit.wxml
<!-- /page/post/edit/edit 添加分类的特点，以及自定义特点 --> <!-- /page/post/edit/edit 添加分类的特点，以及自定义特点 -->
...@@ -8,19 +8,19 @@ ...@@ -8,19 +8,19 @@
<view class="weui-cells weui-cells_after-title"> <view class="weui-cells weui-cells_after-title">
<view class="weui-cell "> <view class="weui-cell ">
<view class="weui-cell__bd"> <view class="weui-cell__bd">
<input class="weui-input" bindinput="bindKeyTitle" placeholder="请输入标题" /> <input class="weui-input" bindinput="bindKeyTitle" placeholder="请输入标题" value="{{title}}"/>
</view> </view>
</view> </view>
</view> </view>
<view class="weui-cells__title">#添加亮点</view> <!-- <view class="weui-cells__title">#添加亮点</view>
<view class="weui-cells weui-cells_after-title"> <view class="weui-cells weui-cells_after-title">
<view class="weui-cell "> <view class="weui-cell ">
<view class="weui-cell__bd"> <view class="weui-cell__bd">
<input class="weui-input" bindinput="bindKeyTag" placeholder="请输入亮点" /> <input class="weui-input" bindinput="bindKeyTag" placeholder="请输入亮点" />
</view> </view>
</view> </view>
</view> </view> -->
<view style="display:flex; flex-direction: row;"> <view style="display:flex; flex-direction: row;">
<view class="section" style="background: #fff;margin-top:32rpx;padding:32rpx;width:55%"> <view class="section" style="background: #fff;margin-top:32rpx;padding:32rpx;width:55%">
...@@ -74,7 +74,7 @@ ...@@ -74,7 +74,7 @@
</view> </view>
</view> </view>
<block wx:for="{{product_listData}}" wx:for-item="item" wx:key="{{index}}"> <block wx:for="{{products}}" wx:for-item="item" wx:key="{{index}}">
<view class='table_main'> <view class='table_main'>
<!-- 序号 --> <!-- 序号 -->
<view class='td' style='width:70rpx;background-color:white;'> <view class='td' style='width:70rpx;background-color:white;'>
...@@ -84,21 +84,21 @@ ...@@ -84,21 +84,21 @@
<!-- 类别 --> <!-- 类别 -->
<view class='td'> <view class='td'>
<view class='table_Text_last_class'> <view class='table_Text_last_class'>
<input style="text-align: center" bindinput="bindKeyText" placeholder="请输入类别" id="{{index}}" data-id="desc" ></input> <input style="text-align: center" bindinput="bindKeyText" placeholder="请输入类别" id="{{index}}" data-id="productDesc" value="{{item.productDesc}}"></input>
</view> </view>
</view> </view>
<!-- 价格 --> <!-- 价格 -->
<view class='td'> <view class='td'>
<view class='table_Text_last_class'> <view class='table_Text_last_class'>
<input style="text-align: center" bindinput="bindKeyText" placeholder="请输入价格" id="{{index}}" data-id="price" ></input> <input style="text-align: center" bindinput="bindKeyText" placeholder="请输入价格" id="{{index}}" data-id="unitPrice" value="{{item.unitPrice}}"></input>
</view> </view>
</view> </view>
<!-- 库存 --> <!-- 库存 -->
<view class='td'> <view class='td'>
<view class='table_Text_last_class'> <view class='table_Text_last_class'>
<input style="text-align: center" bindinput="bindKeyText" placeholder="请输入库存" id="{{index}}" data-id="stock" ></input> <input style="text-align: center" bindinput="bindKeyText" placeholder="请输入库存" id="{{index}}" data-id="quantity" value="{{item.quantity}}"></input>
</view> </view>
</view> </view>
......
增值产品-小程序及app/nyx-master/pages/member/activity-post/activity-post.js
// pages/member/activity-post/activity-post.js // pages/member/activity-post/activity-post.js
...@@ -7,6 +7,15 @@ var util = require('./../../../utils/util.js') ...@@ -7,6 +7,15 @@ var util = require('./../../../utils/util.js')
/* /*
提交流程 提交流程
数据通过app.globalData
app.globalData.postData
photoTag: "",
photoTitle: "",
photoContent: "",
photoProduct: [],
startDatetime: "",
endDatetime: "",
1. post.js 生成图片的临时路径 1. post.js 生成图片的临时路径
2. edit.js 编辑标签 2. edit.js 编辑标签
3. submit.js 上传阿里云oss， 将内容上传到数据库 3. submit.js 上传阿里云oss， 将内容上传到数据库
......
增值产品-小程序及app/nyx-master/pages/member/activity-post/activity-submit/activity-submit.js
// pages/member/activity-post/activity-submit/activity-submit.js // pages/member/activity-post/activity-submit/activity-submit.js
...@@ -16,6 +16,12 @@ Page({ ...@@ -16,6 +16,12 @@ Page({
logoArray: [], // logo 临时temp上传 logoArray: [], // logo 临时temp上传
memberInfo: {}, // member_name/address 临时temp数据 memberInfo: {}, // member_name/address 临时temp数据
content: "",
//当textarea获取焦点时自适应高度，失去焦点时不自适应高度
//自适应高度时，style中的height无效
auto_height:true,
/* /*
//members //members
member_id member_id
...@@ -37,9 +43,6 @@ Page({ ...@@ -37,9 +43,6 @@ Page({
// securityToken: "", // securityToken: "",
oss :{}, oss :{},
//评论标题+内容相关参数
inputTitle: "",
inputContent: "",
}, },
onLoad: function () { onLoad: function () {
...@@ -70,6 +73,14 @@ Page({ ...@@ -70,6 +73,14 @@ Page({
_this.setData({ logoArray }) _this.setData({ logoArray })
} }
var content = ""
if(app.globalData.postData.startDatetime != "")
{
content = app.globalData.postData.photoContent; //获取content
}
_this.setData({ content })
}, },
onReady: function (e) { onReady: function (e) {
...@@ -369,6 +380,9 @@ Page({ ...@@ -369,6 +380,9 @@ Page({
//跳转到/activity.wxml页面 //跳转到/activity.wxml页面
app.globalData.switchId = 1 app.globalData.switchId = 1
// 处理数据
app.globalData.postData = {}
wx.switchTab({ wx.switchTab({
url: '/pages/activity/activity', url: '/pages/activity/activity',
success: function (e) { success: function (e) {
...@@ -638,6 +652,16 @@ Page({ ...@@ -638,6 +652,16 @@ Page({
}, },
areablur:function(){
this.setData({
auto_height:false
})
},
areafocus:function(){
this.setData({
auto_height: true
})
},
}) })
增值产品-小程序及app/nyx-master/pages/member/activity-post/activity-submit/activity-submit.wxml
<view class="page-body"> <view class="page-body">
...@@ -13,8 +13,8 @@ ...@@ -13,8 +13,8 @@
<view class="weui-cells weui-cells_after-title"> <view class="weui-cells weui-cells_after-title">
<view class="weui-cell"> <view class="weui-cell">
<view class="weui-cell__bd"> <view class="weui-cell__bd">
<textarea class="weui-textarea" bindinput='bindKeyInput' name="inputContent" placeholder="请输入内容" style="height: 3.3em" /> <textarea auto-height="{{auto_height}}" bindblur='areablur' bindfocus='areafocus' class="weui-textarea" bindinput='bindKeyInput' name="inputContent" placeholder="请输入内容" style="height: 3.3em" value="{{content}}"/>
<view class="weui-textarea-counter">{{inputContent.length}}/300</view> <view class="weui-textarea-counter">{{content.length}}/300</view>
</view> </view>
</view> </view>
</view> </view>
......
增值产品-小程序及app/nyx-master/project.config.json
{ {
...@@ -18,7 +18,7 @@ ...@@ -18,7 +18,7 @@
"disablePlugins": [], "disablePlugins": [],
"outputPath": "" "outputPath": ""
}, },
"useCompilerModule": false, "useCompilerModule": true,
"userConfirmedUseCompilerModuleSwitch": false "userConfirmedUseCompilerModuleSwitch": false
}, },
"compileType": "miniprogram", "compileType": "miniprogram",
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论