Skip to content

S
schedule
Commit 682964ea by fengzhaoyu
Options

11

parents f5ef2651 091ce886
Showing with 201 additions and 111 deletions
app.json
{ {
"pages": [ "pages": [
"pages/index/index", "pages/index/index",
"pages/meetingRoomList/meetingRoomList",
"pages/uploadFile/uploadFile", "pages/uploadFile/uploadFile",
"pages/repetitionTime/repetitionTime", "pages/repetitionTime/repetitionTime",
"pages/createOrEditSchedule/createOrEditSchedule", "pages/createOrEditSchedule/createOrEditSchedule",
...@@ -12,7 +13,6 @@ ...@@ -12,7 +13,6 @@
"pages/place/place", "pages/place/place",
"pages/participantsDetail/participantsDetail", "pages/participantsDetail/participantsDetail",
"pages/editFile/editFile", "pages/editFile/editFile",
"pages/meetingRoomList/meetingRoomList",
"pages/createOrEditSchedule/createOrEditSchedule" "pages/createOrEditSchedule/createOrEditSchedule"
] ]
} }
components/selectArea/selectArea.acss
@import "../../font/iconfont.acss"; @import "../../font/iconfont.acss";
/* 区域选择样式 */
.lableTreeBox{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.1);
display: flex;
align-items: flex-end;
}
.lableTreeContent{
width: 100%;
height: 527rpx;
background: #FFFFFF;
box-shadow: 0 -2rpx 20rpx 0 rgba(25,31,37,0.12);
border-radius: 19rpx 19rpx 0px 0px;
}
.lableTreeHeader{
width: 100%;
height: 104rpx;
padding: 0 32rpx;
line-height: 104rpx;
font-size: 34rpx;
display: flex;
box-sizing: border-box;
border-bottom: 1px solid rgba(25,31,37,0.12);
}
.lableTreeHeader>view{
flex: 1;
height: 104rpx;
}
.lableTreeHeader>view:nth-of-type(1) {
color: #191F25;
}
.lableTreeHeader>view:nth-of-type(2) {
color: #3296FA;
text-align: right
}
.lableTreeModal{
width: 100%;
padding-right: 32rpx;
box-sizing: border-box;
}
/* tree样式 */
.treeUl { .treeUl {
position: relative; position: relative;
padding-left: 45rpx; padding-left: 32rpx;
display: block; display: block;
box-sizing: border-box;
} }
.treeLi { .treeLi {
position: relative;
display: block; display: block;
} height: 62rpx;
.firstTreeUl{ font-size: 28rpx;
margin: 0; line-height: 62rpx;
padding: 0;
} }
.treeName { .treeName {
height: 60rpx; height: 60rpx;
...@@ -25,45 +69,14 @@ ...@@ -25,45 +69,14 @@
} }
.treeLabel { .treeLabel {
flex: 1; flex: 1;
display: flex;
padding-right: 32rpx;
box-sizing: border-box;
} }
.selectView{ .treeLabel > view:nth-of-type(1) {
width: 40rpx; flex: 1;
}
.firstTreeUl>.treeLi {
padding: 0 32rpx;
border-bottom: 16rpx solid #f6f6f6;
}
/* 水平方向 */
.firstTreeUl .treeUl>.treeLi:after {
content: ' ';
position: absolute;
top: 28rpx;
left: -28rpx;
width: 28rpx;
border: none;
border-top: 1px dashed #3296FA;
}
/* 垂直方向 */
.firstTreeUl .treeUl>.treeLi:not(:last-child):before {
content: '';
position: absolute;
top: 0;
left: -30rpx;
height: 100%;
border: none;
border-left: 1px dashed #3296FA;
}
.firstTreeUl .treeUl>.treeLi:before {
content: ' ';
position: absolute;
top: 0;
left: -30rpx;
height: 30rpx;
border: none;
border-left: 1px dashed rgb(240, 245, 250);
} }
.selectViewAction { .lableTreeChecked {
color: #fff; background: rgba(25,31,37,0.05);
background: #3296FA; border-radius: 4rpx;
} }
\ No newline at end of file
components/selectArea/selectArea.axml
<view class="treeUl"> <view class="lableTreeBox">
<block a:for="{{lableTree}}"> <view class="lableTreeContent">
<view data-selectid="{{item.id}}" class="treeLi"> <view class="lableTreeHeader">
<view class="treeName"> <view catchTap="cancelSelectAre">
<view class="labelIsShow" data-index="{{index}}" catchTap="onChangeStatus"> 取消
{{item.status === 'show' ? '1' : '0'}}
</view>
<view class="treeLabel" data-index="{{index}}" catchTap="onChangeAreId">
{{item.name}}
</view>
<view class="selectView">
{{locationId === item.id ? '1' : '0'}}
</view>
</view> </view>
<pang-tree <view catchTap="sureSelectAre">
a:if="{{item.children && item.status}}" 确定
cycleTimes="{{index + 1}}" </view>
locationName="{{locationName}}" </view>
areTreeList="{{item.children}}" <view class="lableTreeModal">
locationId="{{locationId}}" <scroll-view scroll-y="{{true}}" style="height: 422rpx;">
onPropsCS="onPropsCS" <view class="treeUl">
> <block a:for="{{lableTree}}">
</pang-tree> <view data-selectid="{{item.id}}" class="treeLi">
<view class="treeName {{ item.id===locationId ? 'lableTreeChecked' : '' }}">
<view class="labelIsShow" data-index="{{[index]}}" data-cycle="1" catchTap="onChangeStatus">
{{item.status === 'show' ? '1' : '0'}}
</view>
<view class="treeLabel" data-id="{{item.id}}" data-name="{{item.name}}" data-cycle="1" catchTap="onChangeAreId">
<view>
{{item.name}}
</view>
<view a:if="{{item.id===locationId}}" style="color: #1890FF;">
ok
</view>
</view>
</view>
<view a:if="{{item.children.length > 0 && item.status}}" class="treeUl">
<block a:for="{{item.children}}" a:for-index="index2" a:for-item="item2">
<view data-selectid="{{item2.id}}" class="treeLi">
<view class="treeName {{ item2.id===locationId ? 'lableTreeChecked' : '' }}">
<view class="labelIsShow" data-index="{{[index,index2]}}" data-cycle="2" catchTap="onChangeStatus">
{{item2.status === 'show' ? '1' : '0'}}
</view>
<view class="treeLabel" data-id="{{item2.id}}" data-name="{{item2.name}}" catchTap="onChangeAreId">
<view>
{{item2.name}}
</view>
<view a:if="{{item2.id===locationId}}" style="color: #1890FF;">
ok
</view>
</view>
</view>
</view>
<view a:if="{{item2.children.length > 0 && item2.status}}" class="treeUl">
<block a:for="{{item2.children}}" a:for-index="index3" a:for-item="item3">
<view data-selectid="{{item3.id}}" class="treeLi">
<view class="treeName {{ item3.id===locationId ? 'lableTreeChecked' : '' }}">
<!-- <view class="labelIsShow" data-index="{{[index,index2,index3]}}" data-cycle="3" catchTap="onChangeStatus">
{{item3.status === 'show' ? '1' : '0'}}
</view> -->
<view class="treeLabel" data-id="{{item3.id}}" data-name="{{item3.name}}" catchTap="onChangeAreId">
<view>
{{item3.name}}
</view>
<view a:if="{{item3.id===locationId}}" style="color: #1890FF;">
ok
</view>
</view>
</view>
</view>
</block>
</view>
</block>
</view>
</view>
</block>
</view>
</scroll-view>
</view> </view>
</block> </view>
</view> </view>
\ No newline at end of file
components/selectArea/selectArea.js
Component({ Component({
mixins: [], mixins: [],
data: { data: {
index: 0, lableTree: [],
lableTree: [] locationName: '全部区域',//区域name
locationId: '',// 区域id
}, },
props: { props: {
cycleTimes: '0',// 循环次数
locationName: '',//区域name locationName: '',//区域name
locationId: '',// 区域id locationId: '',// 区域id
areTreeList: [] areTreeList: []
}, },
didMount() { didMount() {
let lableTree = this.props.areTreeList.map(item => { const addKey = data => data.map(item => ({
return { ...item,
...item, status: true,
status: true children: addKey(item.children)
} }))
}) const lableTree = addKey(this.props.areTreeList)
this.setData({ this.setData({
lableTree: lableTree, lableTree: lableTree,
index: parseInt(this.props.cycleTimes) locationId: this.props.locationId,
locationName: this.props.locationName,
}) })
}, },
didUpdate() {}, didUpdate() {},
...@@ -27,20 +28,43 @@ Component({ ...@@ -27,20 +28,43 @@ Component({
methods: { methods: {
onChangeStatus(e) { onChangeStatus(e) {
let index = e.target.dataset.index let index = e.target.dataset.index
let listStr = `lableTree[${index}].status` let cycleTimes = e.target.dataset.cycle
if (cycleTimes == 1) {
let listStr = `lableTree[${index[0]}].status`
this.setData({
[listStr]: this.data.lableTree[index[0]].status ? false : true
})
} else if (cycleTimes == 2) {
let listStr = `lableTree[${index[0]}].children[${index[1]}].status`
this.setData({
[listStr]: this.data.lableTree[index[0]].children[index[1]].status ? false : true
})
}
// else if (cycleTimes == 3) {
// let listStr = `lableTree[${index[0]}].children[${index[1]}].children[${index[2]}].status`
// this.setData({
// [listStr]: this.data.lableTree[index[0]].children[index[1]].children[index[2]].status ? false : true
// })
// }
},
onChangeAreId(e){
this.setData({ this.setData({
[listStr]: this.data.lableTree[index].status ? false : true locationId: this.data.locationId === e.target.dataset.id ? '' : e.target.dataset.id,
locationName: this.data.locationId === e.target.dataset.id ? '全部区域' : e.target.dataset.name
}) })
}, },
onChangeAreId(e){ cancelSelectAre() {
let index = e.target.dataset.index
let data = { let data = {
id: this.data.lableTree[index].id === this.props.locationId ? '' : this.data.lableTree[index].id, type: 'cancel'
name: this.data.lableTree[index].id === this.props.locationId ? '全部区域' : this.data.lableTree[index].name
} }
this.onPropsCS(data) this.props.onPropsCS(data)
}, },
onPropsCS(data) { sureSelectAre() {
let data = {
type: 'sure',
id: this.data.locationId,
name: this.data.locationName
}
this.props.onPropsCS(data) this.props.onPropsCS(data)
} }
}, },
......
pages/createOrEditSchedule/createOrEditSchedule.js
...@@ -250,7 +250,7 @@ create.Page({ ...@@ -250,7 +250,7 @@ create.Page({
break; break;
case 'place': case 'place':
this.store.data.startTime = this.data.time1 this.store.data.startTime = this.data.time1
this.store.data.startTime = this.data.time2 this.store.data.endTime = this.data.time2
this.update() this.update()
dd.navigateTo({ url: './../place/place' }) dd.navigateTo({ url: './../place/place' })
break; break;
...@@ -436,6 +436,8 @@ create.Page({ ...@@ -436,6 +436,8 @@ create.Page({
this.store.data.participatorList = participatorList this.store.data.participatorList = participatorList
this.store.data.remark = res.data.data.remark || '' this.store.data.remark = res.data.data.remark || ''
this.store.data.recurrenceModel = res.data.data.recurrenceModel || { model: 'no-repeat' } this.store.data.recurrenceModel = res.data.data.recurrenceModel || { model: 'no-repeat' }
this.store.data.startTime = res.data.data.startTime
this.store.data.endTime = res.data.data.endTime
this.setData({ this.setData({
isRepeat: res.data.data.repeatable, isRepeat: res.data.data.repeatable,
organizer: res.data.data.organizer, organizer: res.data.data.organizer,
......
pages/meetingRoomList/meetingRoomList.acss
...@@ -270,6 +270,9 @@ ...@@ -270,6 +270,9 @@
background: #3296FA; background: #3296FA;
box-sizing: border-box; box-sizing: border-box;
} }
.iconyigouxuan{
color: #3296FA;
}
/* 区域选择样式 */ /* 区域选择样式 */
.lableTreeBox{ .lableTreeBox{
position: fixed; position: fixed;
...@@ -308,4 +311,7 @@ ...@@ -308,4 +311,7 @@
.lableTreeHeader>view:nth-of-type(2) { .lableTreeHeader>view:nth-of-type(2) {
color: #3296FA; color: #3296FA;
text-align: right text-align: right
}
.dataNumSelected {
color: #3296FA;
} }
\ No newline at end of file
pages/meetingRoomList/meetingRoomList.js
...@@ -18,6 +18,7 @@ create.Page({ ...@@ -18,6 +18,7 @@ create.Page({
equipFacilityIds: [], equipFacilityIds: [],
time: '' time: ''
}, },
dataNum: '0',
location:{ location:{
id: '', id: '',
name: '' name: ''
...@@ -462,11 +463,13 @@ create.Page({ ...@@ -462,11 +463,13 @@ create.Page({
} }
}) })
that.setData({ that.setData({
modalList: modalList2 modalList: modalList2,
dataNum: num
}) })
} else { } else {
that.setData({ that.setData({
modalList: modalList modalList: modalList,
dataNum: num
}) })
} }
}) })
...@@ -556,28 +559,20 @@ create.Page({ ...@@ -556,28 +559,20 @@ create.Page({
}) })
}, },
onPropsCS(e){ onPropsCS(e){
console.log(e)
this.setData({
'location.id': e.id,
'location.name': e.name
})
},
cancelSelectAre() {
this.setData({
isShowLableModal: false,
'location.id': '',
'location.name': ''
})
},
sureSelectAre() {
let that = this let that = this
this.setData({ if (e.type == 'sure') {
isShowLableModal: false, this.setData({
'search.locationId': this.data.location.id, isShowLableModal: false,
'search.locationName': this.data.location.name 'search.locationId': e.id,
},() => { 'search.locationName': e.name
that.getRoomList() },() => {
}) that.getRoomList()
})
} else {
this.setData({
isShowLableModal: false
})
}
}, },
changeSearchEquipFacility(e){ changeSearchEquipFacility(e){
let that = this let that = this
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment