Skip to content

N
nyx
Commit e4415b5b by jscat
Options

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

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