352 lines
10 KiB
Vue
352 lines
10 KiB
Vue
|
<template>
|
|||
|
|
<view class="page">
|
|||
|
|
<view class="example-box">
|
|||
|
|
<view class="item" style="margin-top: 22upx;">
|
|||
|
|
<view class="itemname">星期一 · {{minTenAndZero(week[0])}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="item">
|
|||
|
|
<view class="itemname">必做事项</view>
|
|||
|
|
<view class="itemtext">
|
|||
|
|
<view>
|
|||
|
|
<input class="iteminput" placeholder="请输入必做事项" v-model="itemList[0].mustContent" @change='infoChange'/>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="item">
|
|||
|
|
<view class="itemname">待办事项</view>
|
|||
|
|
<view class="itemtext">
|
|||
|
|
<view>
|
|||
|
|
<input class="iteminput" placeholder="请输入待办事项" v-model="itemList[0].waitContet" @change='infoChange'/>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="item item_line">
|
|||
|
|
<view class="itemname">需求资源</view>
|
|||
|
|
<view class="itemtext">
|
|||
|
|
<view>
|
|||
|
|
<input class="iteminput" placeholder="请输入需求资源" v-model="itemList[0].needSource" @change='infoChange'/>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="example-box">
|
|||
|
|
<view class="item" style="margin-top: 22upx;">
|
|||
|
|
<view class="itemname">星期二 · {{minTenAndZero(week[1])}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="item">
|
|||
|
|
<view class="itemname">必做事项</view>
|
|||
|
|
<view class="itemtext">
|
|||
|
|
<view>
|
|||
|
|
<input class="iteminput" placeholder="请输入必做事项" v-model="itemList[1].mustContent" @change='infoChange'/>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="item">
|
|||
|
|
<view class="itemname">待办事项</view>
|
|||
|
|
<view class="itemtext">
|
|||
|
|
<view>
|
|||
|
|
<input class="iteminput" placeholder="请输入待办事项" v-model="itemList[1].waitContet" @change='infoChange'/>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="item item_line">
|
|||
|
|
<view class="itemname">需求资源</view>
|
|||
|
|
<view class="itemtext">
|
|||
|
|
<view>
|
|||
|
|
<input class="iteminput" placeholder="请输入需求资源" v-model="itemList[1].needSource" @change='infoChange'/>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="example-box">
|
|||
|
|
<view class="item" style="margin-top: 22upx;">
|
|||
|
|
<view class="itemname">星期三 · {{minTenAndZero(week[2])}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="item">
|
|||
|
|
<view class="itemname">必做事项</view>
|
|||
|
|
<view class="itemtext">
|
|||
|
|
<view>
|
|||
|
|
<input class="iteminput" placeholder="请输入必做事项" v-model="itemList[2].mustContent" @change='infoChange'/>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="item">
|
|||
|
|
<view class="itemname">待办事项</view>
|
|||
|
|
<view class="itemtext">
|
|||
|
|
<view>
|
|||
|
|
<input class="iteminput" placeholder="请输入待办事项" v-model="itemList[2].waitContet" @change='infoChange'/>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="item item_line">
|
|||
|
|
<view class="itemname">需求资源</view>
|
|||
|
|
<view class="itemtext">
|
|||
|
|
<view>
|
|||
|
|
<input class="iteminput" placeholder="请输入需求资源" v-model="itemList[2].needSource" @change='infoChange'/>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="example-box">
|
|||
|
|
<view class="item" style="margin-top: 22upx;">
|
|||
|
|
<view class="itemname">星期四 · {{minTenAndZero(week[3])}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="item">
|
|||
|
|
<view class="itemname">必做事项</view>
|
|||
|
|
<view class="itemtext">
|
|||
|
|
<view>
|
|||
|
|
<input class="iteminput" placeholder="请输入必做事项" v-model="itemList[3].mustContent" @change='infoChange'/>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="item">
|
|||
|
|
<view class="itemname">待办事项</view>
|
|||
|
|
<view class="itemtext">
|
|||
|
|
<view>
|
|||
|
|
<input class="iteminput" placeholder="请输入待办事项" v-model="itemList[3].waitContet" @change='infoChange'/>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="item item_line">
|
|||
|
|
<view class="itemname">需求资源</view>
|
|||
|
|
<view class="itemtext">
|
|||
|
|
<view>
|
|||
|
|
<input class="iteminput" placeholder="请输入需求资源" v-model="itemList[3].needSource" @change='infoChange'/>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="example-box">
|
|||
|
|
<view class="item" style="margin-top: 22upx;">
|
|||
|
|
<view class="itemname">星期五 · {{minTenAndZero(week[4])}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="item">
|
|||
|
|
<view class="itemname">必做事项</view>
|
|||
|
|
<view class="itemtext">
|
|||
|
|
<view>
|
|||
|
|
<input class="iteminput" placeholder="请输入必做事项" v-model="itemList[4].mustContent" @change='infoChange'/>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="item">
|
|||
|
|
<view class="itemname">待办事项</view>
|
|||
|
|
<view class="itemtext">
|
|||
|
|
<view>
|
|||
|
|
<input class="iteminput" placeholder="请输入待办事项" v-model="itemList[4].waitContet" @change='infoChange'/>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="item item_line">
|
|||
|
|
<view class="itemname">需求资源</view>
|
|||
|
|
<view class="itemtext">
|
|||
|
|
<view>
|
|||
|
|
<input class="iteminput" placeholder="请输入需求资源" v-model="itemList[4].needSource" @change='infoChange'/>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="example-box">
|
|||
|
|
<view class="item" style="margin-top: 22upx;">
|
|||
|
|
<view class="itemname">星期六 · {{minTenAndZero(week[5])}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="item">
|
|||
|
|
<view class="itemname">必做事项</view>
|
|||
|
|
<view class="itemtext">
|
|||
|
|
<view>
|
|||
|
|
<input class="iteminput" placeholder="请输入必做事项" v-model="itemList[5].mustContent" @change='infoChange'/>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="item">
|
|||
|
|
<view class="itemname">待办事项</view>
|
|||
|
|
<view class="itemtext">
|
|||
|
|
<view>
|
|||
|
|
<input class="iteminput" placeholder="请输入待办事项" v-model="itemList[5].waitContet" @change='infoChange'/>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="item item_line">
|
|||
|
|
<view class="itemname">需求资源</view>
|
|||
|
|
<view class="itemtext">
|
|||
|
|
<view>
|
|||
|
|
<input class="iteminput" placeholder="请输入需求资源" v-model="itemList[5].needSource" @change='infoChange'/>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="example-box">
|
|||
|
|
<view class="item" style="margin-top: 22upx;">
|
|||
|
|
<view class="itemname">星期天 · {{minTenAndZero(week[6])}}</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="item">
|
|||
|
|
<view class="itemname">必做事项</view>
|
|||
|
|
<view class="itemtext">
|
|||
|
|
<view>
|
|||
|
|
<input class="iteminput" placeholder="请输入必做事项" v-model="itemList[6].mustContent" @change='infoChange'/>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="item">
|
|||
|
|
<view class="itemname">待办事项</view>
|
|||
|
|
<view class="itemtext">
|
|||
|
|
<view>
|
|||
|
|
<input class="iteminput" placeholder="请输入待办事项" v-model="itemList[6].waitContet" @change='infoChange'/>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="item item_line">
|
|||
|
|
<view class="itemname">需求资源</view>
|
|||
|
|
<view class="itemtext">
|
|||
|
|
<view>
|
|||
|
|
<input class="iteminput" placeholder="请输入需求资源" v-model="itemList[6].needSource" @change='infoChange'/>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="fixMargin"></view>
|
|||
|
|
<view class="goHome" @click='goMain("weekInfo")'>
|
|||
|
|
<img src="../../static/img/gohome.png">
|
|||
|
|
</view>
|
|||
|
|
<view class="fixBottom">
|
|||
|
|
<view class="uni-flex uni-row">
|
|||
|
|
<button type="primary" style="width: 100%;" @click="submit">确认提交</button>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import {
|
|||
|
|
config
|
|||
|
|
} from '../../request/js/config.js'
|
|||
|
|
export default{
|
|||
|
|
data(){
|
|||
|
|
return {
|
|||
|
|
config:config,
|
|||
|
|
itemList:[
|
|||
|
|
{
|
|||
|
|
mustContent:'',
|
|||
|
|
waitContet:'',
|
|||
|
|
needSource:'',
|
|||
|
|
week:'星期一',
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
mustContent:'',
|
|||
|
|
waitContet:'',
|
|||
|
|
needSource:'',
|
|||
|
|
week:'星期二',
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
mustContent:'',
|
|||
|
|
waitContet:'',
|
|||
|
|
needSource:'',
|
|||
|
|
week:'星期三',
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
mustContent:'',
|
|||
|
|
waitContet:'',
|
|||
|
|
needSource:'',
|
|||
|
|
week:'星期四',
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
mustContent:'',
|
|||
|
|
waitContet:'',
|
|||
|
|
needSource:'',
|
|||
|
|
week:'星期五',
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
mustContent:'',
|
|||
|
|
waitContet:'',
|
|||
|
|
needSource:'',
|
|||
|
|
week:'星期六',
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
mustContent:'',
|
|||
|
|
waitContet:'',
|
|||
|
|
needSource:'',
|
|||
|
|
week:'星期天',
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
week:[],
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
onLoad(option) {
|
|||
|
|
var _this = this;
|
|||
|
|
//如果不是，是新增，获取session中的数据。
|
|||
|
|
uni.getStorage({
|
|||
|
|
key: 'weekInfo',
|
|||
|
|
success: function (res) {
|
|||
|
|
// console.log(res);
|
|||
|
|
var session = res.data;
|
|||
|
|
if(session.itemList && session.itemList.length>0){
|
|||
|
|
_this.itemList = session.itemList
|
|||
|
|
_this.itemList.forEach(function(val,index){
|
|||
|
|
_this.week.push(_this.minTenAndZero(_this.changeTime(val.reportDate)));
|
|||
|
|
})
|
|||
|
|
}else{
|
|||
|
|
//初始化展示当前周的日期。
|
|||
|
|
_this.week = _this.getNextWeek();
|
|||
|
|
_this.itemList.forEach(function(val,index){
|
|||
|
|
val.reportDate = _this.minTenAndZero(_this.week[index]);
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
fail:function(){
|
|||
|
|
_this.week = _this.getNextWeek();
|
|||
|
|
_this.itemList.forEach(function(val,index){
|
|||
|
|
val.reportDate = _this.minTenAndZero(_this.week[index]);
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
methods:{
|
|||
|
|
changeTime(info){
|
|||
|
|
var st = [];
|
|||
|
|
if(info){
|
|||
|
|
st = info.split(" ");
|
|||
|
|
}
|
|||
|
|
return st[0];
|
|||
|
|
},
|
|||
|
|
minTenAndZero(value){
|
|||
|
|
var array = value.split('-');
|
|||
|
|
var year = array[0];
|
|||
|
|
var month = parseInt(array[1]);
|
|||
|
|
var day =parseInt( array[2]);
|
|||
|
|
|
|||
|
|
var date = year+'-'+(month<10?('0'+month):month)+'-'+(day<10?('0'+day):day)
|
|||
|
|
return date
|
|||
|
|
},
|
|||
|
|
infoChange(){
|
|||
|
|
//保存当前修改信息
|
|||
|
|
var weekInfo = uni.getStorageSync('weekInfo');
|
|||
|
|
if(!weekInfo){
|
|||
|
|
weekInfo = {}
|
|||
|
|
}
|
|||
|
|
weekInfo.itemList = this.itemList;
|
|||
|
|
uni.setStorage({
|
|||
|
|
key: 'weekInfo',
|
|||
|
|
data: weekInfo,
|
|||
|
|
success: function () {
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
getNextWeek() {
|
|||
|
|
var currentDate = new Date();
|
|||
|
|
var timesStamp = currentDate.getTime();
|
|||
|
|
var currenDay = currentDate.getDay();
|
|||
|
|
var dates = [];
|
|||
|
|
for (var i = 0; i < 7; i++) {
|
|||
|
|
dates.push(new Date(timesStamp + 24 * 60 * 60 * 1000 * (i - (currenDay + 6) % 7)+ 24*60*60*1000*7).toLocaleDateString().replace(/\//g, '-'));
|
|||
|
|
}
|
|||
|
|
return dates
|
|||
|
|
},
|
|||
|
|
submit(){
|
|||
|
|
// console.log(this.itemList);
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: "addWeek"
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|