上传文件至 'hangout-master/Pages/travel/plan/new'

hangout-master/Pages/travel/plan/new/create.js

@@ -0,0 +1,99 @@
+// Pages/travel/plan/new/create.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+        go: ["请选择","黑龙江","吉林","辽宁","河北","河南","湖北","湖南","广东","广西","山东","山西","陕西","内蒙","宁夏","甘肃","青海","新疆","西藏","四川","云南","海南","安徽","江苏","浙江","福建","台湾","北京","天津","上海","重庆","香港","澳门","其他"],
+        go_index: 0,
+        arrive: ["请选择","上海","杭州","南京","苏州","其他"],
+        arrive_index: 0
+    },
+
+    onRet:function(){
+      wx.redirectTo({
+        url: '/Pages/travel/home/home',
+      })
+  },
+
+    goSelect:function(e){
+        this.setData({
+            go_index: e.detail.value
+          })
+    },
+
+    arriveSelect:function(e){
+        this.setData({
+            arrive_index: e.detail.value
+          })
+    },
+
+    ret:function(){
+        wx.redirectTo({
+          url: '/Pages/travel/plan/new/new',
+        })
+    },
+
+    OK:function(){
+        wx.redirectTo({
+          url: '/Pages/travel/plan/new/share',
+        })
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad: function (options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload: function () {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh: function () {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom: function () {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage: function () {
+
+    }
+})

hangout-master/Pages/travel/plan/new/create.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

hangout-master/Pages/travel/plan/new/create.wxml

@@ -0,0 +1,33 @@
+<!--Pages/travel/plan/new/create.wxml-->
+<view style="display: flex;">
+    <image class="navi" src="/asset/img/navi.png" bindtap="onRet"></image>
+
+    <view style="padding: 0;margin: 0;width: 1px;height:700px;background-color:  #7B8B6F;"></view>
+
+    <view style="display: block">
+
+    <view style="display: flex" class="title">
+        <view class="ret" bindtap="ret"> ＜ </view>
+        <view style="text-align: center;"> 新行程 </view>   
+    </view>
+
+    <view class="go">
+        <view>要从哪里出发呢？</view>
+        <picker mode="selector" range="{{go}}" class="selected" bindchange="goSelect" value="{{go_index}}"><view>{{go[go_index]}}</view></picker>
+    </view>
+
+    <view class="arrive">
+        <view>想去哪里玩？</view>
+        <picker mode="selector" range="{{arrive}}" class="selected" bindchange="arriveSelect" value="{{arrive_index}}"><view>{{arrive[arrive_index]}}</view></picker>
+        
+    </view>
+
+    <view class="OK" bindtap="OK">
+            <text>定好了！</text>
+    </view>
+
+    <view class="hg">
+        <image src="/asset/img/hangou1.png" mode="heightFix" class="hg"></image>
+    </view>
+    </view>
+</view>

hangout-master/Pages/travel/plan/new/create.wxss

@@ -0,0 +1,63 @@
+/* Pages/travel/plan/new/create.wxss */
+.navi{
+    width: 40px;
+    height: 30px;
+    margin: 5px;
+    padding-top: 10px;
+}
+
+.title{
+    position: relative; 
+    font-size: 25px; 
+    font-weight: 900; 
+    color: #000;
+    top:15px;
+    left:10px;
+}
+
+.ret{
+    padding-right: 60px;
+}
+
+.go{
+    margin-top: 70px;
+    padding: 20px;
+    font-size: 23px;
+    font-weight: bolder;
+}
+
+.arrive{
+    padding: 20px;
+    font-size: 23px;
+    font-weight: bolder;
+}
+
+.selected{
+    background-color: #D8CAAF;
+    height: 5vh;
+    width: 70vw;
+    color: rgba(0, 0, 0, 0.5);
+    font-size: 23px;
+    margin-top: 5px;
+    text-align: center;
+}
+
+.OK{
+    background-color: #7B8B6F;
+    font-size: 28px;
+    font-weight: bold;
+    margin: 20px;
+    width: 150px;
+    height: 40px;
+    margin: 50px;
+    text-align: center;
+}
+
+.hg {
+    height: 150px;
+    right: 5px;
+    width: 150px;
+    left: 100px;
+    padding-top: 40px;
+    padding-left:100px;
+  }

hangout-master/Pages/travel/plan/new/new.js

@@ -0,0 +1,78 @@
+// Pages/travel/plan/new/new.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+        id: "silhouette",
+    },
+
+    onRet:function(){
+        wx.redirectTo({
+          url: '/Pages/travel/home/home',
+        })
+    },
+
+    add:function(){
+        wx.redirectTo({
+          url: '/Pages/travel/plan/new/create',
+        })
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad: function (options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload: function () {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh: function () {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom: function () {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage: function () {
+
+    }
+})

hangout-master/Pages/travel/plan/new/new.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

hangout-master/Pages/travel/plan/new/new.wxml

@@ -0,0 +1,22 @@
+<!--Pages/travel/plan/new/new.wxml-->
+<view style="display: flex;">
+    <image class="navi" src="/asset/img/navi.png" bindtap="onRet"></image>
+
+    <view style="padding: 0;margin: 0;width: 1px;height:700px;background-color:  #7B8B6F;"></view>
+
+    <view style="display: block">
+
+    <view style="display: flex" class="title">
+        <view> {{id}} 的行程</view>
+        <view class="add" bindtap="add"> + </view>
+    </view>
+
+    <image src="/asset/img/intro.png" class="intro"></image>
+
+
+    <view class="hg">
+        <image src="/asset/img/hangou1.png" mode="heightFix" class="hg"></image>
+    </view>
+    </view>
+</view>
+

hangout-master/Pages/travel/plan/new/new.wxss

@@ -0,0 +1,37 @@
+/* Pages/travel/plan/new/new.wxss */
+.navi{
+    width: 40px;
+    height: 30px;
+    margin: 5px;
+    padding-top: 10px;
+}
+
+.title{
+    position: relative; 
+    font-size: 25px; 
+    font-weight: 900; 
+    color: #000;
+    text-align: center;
+    top:15px;
+    left:45px;
+}
+
+.add{
+    color: #7B8B6F;
+    padding-left: 50px;
+}
+
+.intro{
+    height: 320px;
+    width: 320px;
+    right:20px;
+}
+
+.hg {
+    height: 150px;
+    right: 5px;
+    width: 150px;
+    left: 100px;
+    padding-top: 100px;
+    padding-left:100px;
+  }

hangout-master/Pages/travel/plan/new/share.js

@@ -0,0 +1,81 @@
+// Pages/travel/plan/new/share.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+    },
+
+    onRet:function(){
+        wx.redirectTo({
+          url: '/Pages/travel/home/home',
+        })
+    },
+
+    ret:function(){
+        wx.redirectTo({
+          url: '/Pages/travel/plan/new/create',
+        })
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad: function(options) {
+      // options 中的 scene 需要使用 decodeURIComponent 才能获取到生成二维码时传入的 scene
+      var scene = decodeURIComponent(options.scene)
+      //
+      var query = options.query.dentistId // 3736
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload: function () {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh: function () {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom: function () {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage: function () {
+
+    }
+})

hangout-master/Pages/travel/plan/new/share.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

hangout-master/Pages/travel/plan/new/share.wxml

@@ -0,0 +1,45 @@
+<!--Pages/travel/plan/new/share.wxml-->
+<view style="display: flex;">
+    <image class="navi" src="/asset/img/navi.png" bindtap="onRet"></image>
+
+    <view style="padding: 0;margin: 0;width: 1px;height:700px;background-color:  #7B8B6F;"></view>
+
+    <view style="display: block">
+
+    <view style="display: flex" class="title">
+        <view class="ret" bindtap="ret"> ＜ </view>
+        <view style="text-align: center;"> 新行程 </view>  
+        <button style="width: 50px;margin-left: 100px;" open-type="share"><image class="icon-share" src="/asset/img/share.png"></image></button> 
+        
+        
+    </view>
+
+<!--TODO:分享码的生成与使用：行程存储在服务器里，将分享码视为密码，在后端可以利用map去实现分享码->行程的映射，只需要通过行程来获取这个分享码然后从后端传过来，可以用java生成随机的session和id，然后从后端传入-->
+    <view class="go">
+        <view>本次行程的分享码为:</view>
+        <textarea style="height: 50px;background-color: #D8CAAF;"></textarea>
+    </view>
+
+    <view class="share">
+        <view>也可通过以下方式邀请成员加入行程：</view>
+        
+        <view style="display: flex;padding:20px;margin-top: 20px;">
+            <image class="code" src="/asset/img/QRcode.png"></image>
+            <view> 生成二维码</view>
+        </view>
+        <view style="display: flex;padding-left:20px;">
+            <image class="wechat" src="/asset/img/wechat.png"></image>
+            <view> 微信分享</view>
+        </view>
+        <view style="display: flex;padding-left:20px;margin-top: 20px;">
+            <image class="link" src="/asset/img/link.png"></image>
+            <view> 复制链接</view>
+        </view>
+    </view>
+
+    <view class="hg">
+        <image src="/asset/img/hangou1.png" mode="heightFix" class="hg"></image>
+    </view>
+    </view>
+</view>
+

hangout-master/Pages/travel/plan/new/share.wxss

@@ -0,0 +1,82 @@
+/* Pages/travel/plan/new/share.wxss */
+.navi{
+    width: 40px;
+    height: 30px;
+    margin: 5px;
+    padding-top: 10px;
+}
+
+.title{
+    position: relative; 
+    font-size: 25px; 
+    font-weight: 900; 
+    color: #000;
+    top:15px;
+    left:10px;
+}
+
+.ret{
+    padding-right: 60px;
+}
+
+.icon-share{
+    width: 30px;
+    height: 30px;
+    text-align: center;
+}
+
+.title button{
+    color: #d8caaf;
+    padding: 0;
+    margin: 0;
+    background-color: inherit;
+}
+.title button:after{
+    content: 0;
+}
+
+.title button::after{
+    border: 0;
+}
+
+.go{
+    margin-top: 70px;
+    padding: 20px;
+    font-size: 23px;
+    font-weight: bolder;
+    text-align: center;
+}
+
+.share{
+    padding: 20px;
+    font-size: 23px;
+    font-weight: bolder;
+    text-align: center;
+}
+
+.code{
+    width: 40px;
+    height: 40px;
+    padding-right: 10px;
+}
+
+.wechat{
+    width: 45px;
+    height: 40px;
+    padding-right: 10px;
+}
+
+.link{
+    width: 40px;
+    height: 40px;
+    padding-right: 10px;
+}
+
+.hg {
+    height: 150px;
+    right: 5px;
+    width: 150px;
+    left: 100px;
+    padding-top: 18px;
+    padding-left:100px;
+  }