yuantianjiao 6 years ago
parent
commit
1f2130a44c

+ 23
- 9
src/App.vue View File

1
 <template>
1
 <template>
2
-  <div id="app">
2
+  <div id="app" v-if="showPage">
3
     <router-view/>
3
     <router-view/>
4
   </div>
4
   </div>
5
 </template>
5
 </template>
6
 
6
 
7
 <script>
7
 <script>
8
 import { createNamespacedHelpers } from 'vuex'
8
 import { createNamespacedHelpers } from 'vuex'
9
-const { mapState: mapIndexState, mapActions: mapIndexActions } = createNamespacedHelpers('main')
9
+const { mapActions: mapIndexActions } = createNamespacedHelpers('main')
10
 export default {
10
 export default {
11
   data () {
11
   data () {
12
-    return {}
12
+    return {
13
+      showPage: false
14
+    }
13
   },
15
   },
14
-  computed:{
15
-    ...mapIndexState({
16
-      userInfo: item => item.userInfo
17
-    })
16
+  created () {
17
+    if (location.search && this.toolClass.UrlSearch(location.search).code) {
18
+      this.code = this.toolClass.UrlSearch(location.search).code
19
+      let oldCode = localStorage.getItem('code')
20
+      if (this.code === oldCode) {
21
+        localStorage.setItem('code', this.code)
22
+        this.toolClass.getCode('wx32e2e8c81f66070e')
23
+      } else {
24
+        localStorage.setItem('code', this.code)
25
+        this.customer(this.code).then(() => {
26
+          this.showPage = true
27
+        })
28
+      }
29
+    } else {
30
+      this.toolClass.getCode('wx32e2e8c81f66070e')
31
+    }
18
   },
32
   },
19
-  methods:{
20
-    ...mapIndexActions(['setUserInfo'])
33
+  methods: {
34
+    ...mapIndexActions(['customer'])
21
   }
35
   }
22
 }
36
 }
23
 </script>
37
 </script>

+ 1
- 1
src/router.js View File

14
       component: () => import(/* webpackChunkName: "supportMain" */ './views/supportMain/supportMain.vue')
14
       component: () => import(/* webpackChunkName: "supportMain" */ './views/supportMain/supportMain.vue')
15
     },
15
     },
16
     {
16
     {
17
-      path: '/supportDetail',
17
+      path: '/supportDetail/:other/:recordid',
18
       name: 'supportDetail',
18
       name: 'supportDetail',
19
       component: () => import(/* webpackChunkName: "supportDetail" */ './views/supportDetail/supportDetail.vue')
19
       component: () => import(/* webpackChunkName: "supportDetail" */ './views/supportDetail/supportDetail.vue')
20
     }
20
     }

+ 5
- 13
src/store/main.js View File

6
   state: {
6
   state: {
7
     gameid: '1',
7
     gameid: '1',
8
     game: {},
8
     game: {},
9
-    userInfo: {
10
-      Address: "江苏省,南京市,玄武区",
11
-      CreateDate: "2018-12-08T19:06:15+08:00",
12
-      CustomerId: "1",
13
-      CustomerName: "kini",
14
-      HeadImg: "",
15
-      Name: "袁天骄",
16
-      Openid: "123",
17
-      Phone: "13776975175",
18
-      Sex: 0
19
-    },
9
+    userInfo: {},
20
     recordInfo: {},
10
     recordInfo: {},
21
-    supports: []
11
+    supports: [],
12
+    recordUser: {}
22
   },
13
   },
23
   mutations: {
14
   mutations: {
24
     updateGame (state, data) {
15
     updateGame (state, data) {
30
     updateRecordInfo (state, data) {
21
     updateRecordInfo (state, data) {
31
       state.recordInfo = data.record || {}
22
       state.recordInfo = data.record || {}
32
       state.supports = data.supports || []
23
       state.supports = data.supports || []
24
+      state.recordUser = data.customer || {}
33
     }
25
     }
34
   },
26
   },
35
   actions: {
27
   actions: {
65
         ajax({
57
         ajax({
66
           ...api.signup,
58
           ...api.signup,
67
           urlData: {
59
           urlData: {
68
-            customerid: context.state.userInfo.customerid
60
+            customerid: context.state.userInfo.CustomerId
69
           },
61
           },
70
           data: data
62
           data: data
71
         }).then((res) => {
63
         }).then((res) => {

+ 4
- 0
src/util/api.js View File

25
   setSupport: { // 助力
25
   setSupport: { // 助力
26
     method: 'post',
26
     method: 'post',
27
     url: `${baseUrl}${common}/support/:customerid/:recordid`
27
     url: `${baseUrl}${common}/support/:customerid/:recordid`
28
+  },
29
+  share:{ // 分享
30
+    method: 'get',
31
+    url: `${baseUrl}${common}/wechat/jssdk/signature`
28
   }
32
   }
29
 }
33
 }
30
 export default $api
34
 export default $api

+ 4
- 2
src/util/share.js View File

12
   }
12
   }
13
   // 初始化
13
   // 初始化
14
   return new Promise(function (resolve, reject) {
14
   return new Promise(function (resolve, reject) {
15
-    Ajax(api.share.share.url, {
16
-      method: api.share.share.method,
15
+    Ajax({
16
+      ...api.share,
17
       queryData: {
17
       queryData: {
18
         ...params
18
         ...params
19
       }
19
       }
37
         ]
37
         ]
38
       })
38
       })
39
       wx.ready(function () {
39
       wx.ready(function () {
40
+        // 此console.log不要删除,删除后可能会出错
41
+        console.log('share', shareData)
40
         wx.onMenuShareTimeline(shareData)
42
         wx.onMenuShareTimeline(shareData)
41
         wx.onMenuShareAppMessage(shareData)
43
         wx.onMenuShareAppMessage(shareData)
42
         resolve('success')
44
         resolve('success')

+ 1
- 1
src/util/util.js View File

40
     return theRequest
40
     return theRequest
41
   },
41
   },
42
   getCode: (appid) => {
42
   getCode: (appid) => {
43
-    let url = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appid}&redirect_uri=${wechatConfig.redirect_uri}&response_type=${wechatConfig.response_type}&scope=${wechatConfig.scope}&state=${wechatConfig.state}#wechat_redirect`
43
+    let url = `https://open.weixin.qq.com/connect/oauth2/authorize?appid=${appid}&redirect_uri=${encodeURIComponent(window.location.href)}&response_type=${wechatConfig.response_type}&scope=${wechatConfig.scope}&state=${wechatConfig.state}#wechat_redirect`
44
     window.location.href = url
44
     window.location.href = url
45
   },
45
   },
46
 
46
 

+ 45
- 39
src/views/supportDetail/supportDetail.vue View File

7
           <div class="countdown" :class="{'on':status < 3,'off':status == 3}" v-html="countdown"></div>
7
           <div class="countdown" :class="{'on':status < 3,'off':status == 3}" v-html="countdown"></div>
8
           <div class="userInfo">
8
           <div class="userInfo">
9
             <div class="avatars">
9
             <div class="avatars">
10
-              <img class="cover" :src="userInfo.HeadImg">
10
+              <img class="cover" :src="recordUser.HeadImg">
11
             </div>
11
             </div>
12
             <div class="info">
12
             <div class="info">
13
-              <p>&nbsp;{{userInfo.Name}}</p>
13
+              <p>&nbsp;{{recordUser.Name}}</p>
14
               <p>
14
               <p>
15
                 已有
15
                 已有
16
                 <span class="marked">{{list.length}}</span> 位好友帮TA砍价了,共砍掉
16
                 <span class="marked">{{list.length}}</span> 位好友帮TA砍价了,共砍掉
17
-                <span class="marked">¥{{list.length*29.6}}</span> 元
17
+                <span class="marked">¥{{(list.length*29.6).toFixed(1)}}</span> 元
18
               </p>
18
               </p>
19
             </div>
19
             </div>
20
           </div>
20
           </div>
25
             <span>0</span>
25
             <span>0</span>
26
             <span>元</span>
26
             <span>元</span>
27
           </div>
27
           </div>
28
-          <div>获得一次免费拍照机会~</div>
29
-          <div>请及时前往江北新区.白马路10号.银城颐居.</div>
30
-          <div>悦见山营销中心领取</div>
28
+          <div>获得价值1888元的悦见山感恩馈赠福利一份</div>
29
+          <div>请及时前往江北新区.白马路10号.银城颐居.悦见山营销中心领取</div>
31
         </div>
30
         </div>
32
       </div>
31
       </div>
33
       <div class="active" v-if="status<4">
32
       <div class="active" v-if="status<4">
34
         <h2>悦见山全家福拍摄助力砍价活动</h2>
33
         <h2>悦见山全家福拍摄助力砍价活动</h2>
35
         <div class="price">
34
         <div class="price">
36
-          <span :class="{'off':status == 3}">砍后价:¥{{888-list.length*29.6}}</span>
35
+          <span :class="{'off':status == 3}">砍后价:¥{{(888-list.length*29.6).toFixed(1)}}</span>
37
           <span>最多砍至0元</span>
36
           <span>最多砍至0元</span>
38
         </div>
37
         </div>
39
         <div class="desc">
38
         <div class="desc">
40
-          <span>原价2888元, 悦见山亲情价¥888</span>
39
+          <span>原价1888元, 悦见山亲情价¥888</span>
41
           <span>仅剩{{game.note.LeftNum}}个名额</span>
40
           <span>仅剩{{game.note.LeftNum}}个名额</span>
42
         </div>
41
         </div>
43
       </div>
42
       </div>
48
         </div>
47
         </div>
49
         <div class="item" v-for="(item,index) in list" :key="index">
48
         <div class="item" v-for="(item,index) in list" :key="index">
50
           <div class="avatars">
49
           <div class="avatars">
51
-            <img class="cover" :src="paihang" alt>
50
+            <img class="cover" :src="item.HeadImg" alt>
52
           </div>
51
           </div>
53
           <div class="info">
52
           <div class="info">
54
-            <p>Lina豆豆</p>
55
-            <span>2018-9-0</span>
53
+            <p>{{item.CustomerName}}</p>
54
+            <span>{{toolClass.dateFormat(item.CreateDate,'yyyy-MM-dd')}}</span>
56
           </div>
55
           </div>
57
           <div class="price">
56
           <div class="price">
58
             <span>已砍:</span>
57
             <span>已砍:</span>
61
         </div>
60
         </div>
62
       </div>
61
       </div>
63
     </div>
62
     </div>
64
-    <!-- <div class="dailog" v-if="showDailog" @click="showDailog = false"> -->
65
-    <div class="dailog" v-if="showDailog">
63
+    <div class="dailog" v-if="showDailog" @click="showDailog = false">
66
       <div class="dailog-box" @click.stop="1+1">
64
       <div class="dailog-box" @click.stop="1+1">
67
         <img :src="popBg">
65
         <img :src="popBg">
68
         <div class="log1">
66
         <div class="log1">
72
             <span>元</span>
70
             <span>元</span>
73
           </div>
71
           </div>
74
           <div @click="toLuckDraw()">
72
           <div @click="toLuckDraw()">
75
-            您有一份福利待领取!去领取
73
+            您有一次抽奖机会,立即前往
76
             <i class="iconfont icon-you"></i>
74
             <i class="iconfont icon-you"></i>
77
           </div>
75
           </div>
78
           <img class="present" :src="presentClose">
76
           <img class="present" :src="presentClose">
83
     <div class="other-end" v-if="status == 5">
81
     <div class="other-end" v-if="status == 5">
84
       <div class="box">
82
       <div class="box">
85
         <p>您的好友已砍价至0元,</p>
83
         <p>您的好友已砍价至0元,</p>
86
-        <p>获得免费拍照机会!</p>
84
+        <p>感谢您的参与</p>
87
         <div @click="$router.push({name:'supportMain'})">我也要报名</div>
85
         <div @click="$router.push({name:'supportMain'})">我也要报名</div>
88
       </div>
86
       </div>
89
     </div>
87
     </div>
125
       showDailog: false,
123
       showDailog: false,
126
       showPage: false,
124
       showPage: false,
127
       seconds: 0,
125
       seconds: 0,
128
-      time: 0
126
+      time: 0,
127
+      recordid: ''
129
     }
128
     }
130
   },
129
   },
131
   computed: {
130
   computed: {
133
       userInfo: item => item.userInfo,
132
       userInfo: item => item.userInfo,
134
       game: item => item.game,
133
       game: item => item.game,
135
       recordInfo: item => item.recordInfo,
134
       recordInfo: item => item.recordInfo,
136
-      list: item => item.supports
135
+      list: item => item.supports,
136
+      recordUser: item => item.recordUser
137
     }),
137
     }),
138
     countdown () {
138
     countdown () {
139
       if (this.status != 3 && this.time >= 0) {
139
       if (this.status != 3 && this.time >= 0) {
141
         let minutes = 59 - new Date().getMinutes()
141
         let minutes = 59 - new Date().getMinutes()
142
         let seconds = 59 - new Date().getSeconds()
142
         let seconds = 59 - new Date().getSeconds()
143
         return `<span style='color:#fff;'>砍价倒计时</span>
143
         return `<span style='color:#fff;'>砍价倒计时</span>
144
-        <span style='padding: 0 0.03rem;background: #5e5e5e;color: #fff;border-radius:4px;'>${hour > 9 ? hour : '0' + hour}</span>
144
+        <span style='padding: 0.02rem 0.03rem 0;background: #5e5e5e;color: #fff;border-radius:4px;'>${hour > 9 ? hour : '0' + hour}</span>
145
         <span style='color:#fff;'>:</span>
145
         <span style='color:#fff;'>:</span>
146
-        <span style='padding: 0 0.03rem;background: #5e5e5e;color: #fff;border-radius:4px;'>${minutes > 9 ? minutes : '0' + minutes}</span>
146
+        <span style='padding: 0.02rem 0.03rem 0;background: #5e5e5e;color: #fff;border-radius:4px;'>${minutes > 9 ? minutes : '0' + minutes}</span>
147
         <span style='color:#fff;'>:</span>
147
         <span style='color:#fff;'>:</span>
148
-        <span style='padding: 0 0.03rem;background: rgba(255, 66, 28, 1);color: #fff;border-radius:4px;'>${seconds > 9 ? seconds : '0' + seconds}</span>`
148
+        <span style='padding: 0.02rem 0.03rem 0;background: rgba(255, 66, 28, 1);color: #fff;border-radius:4px;'>${seconds > 9 ? seconds : '0' + seconds}</span>`
149
       } else {
149
       } else {
150
         let hour = '00'
150
         let hour = '00'
151
         let minutes = '00'
151
         let minutes = '00'
152
         let seconds = '00'
152
         let seconds = '00'
153
         return `<span style='color:#fff;'>活动已结束</span>
153
         return `<span style='color:#fff;'>活动已结束</span>
154
-        <span style='padding: 0 0.03rem;background: #5e5e5e;color: #fff;border-radius:4px;'>${hour}</span>
154
+        <span style='padding: 0.02rem 0.03rem 0;background: #5e5e5e;color: #fff;border-radius:4px;'>${hour}</span>
155
         <span style='color:#fff;'>:</span>
155
         <span style='color:#fff;'>:</span>
156
-        <span style='padding: 0 0.03rem;background: #5e5e5e;color: #fff;border-radius:4px;'>${minutes}</span>
156
+        <span style='padding: 0.02rem 0.03rem 0;background: #5e5e5e;color: #fff;border-radius:4px;'>${minutes}</span>
157
         <span style='color:#fff;'>:</span>
157
         <span style='color:#fff;'>:</span>
158
-        <span style='padding: 0 0.03rem;background: rgba(255, 66, 28, 1);color: #fff;border-radius:4px;'>${seconds}</span>`
158
+        <span style='padding: 0.02rem 0.03rem 0;background: rgba(255, 66, 28, 1);color: #fff;border-radius:4px;'>${seconds}</span>`
159
       }
159
       }
160
     }
160
     }
161
   },
161
   },
162
   created () {
162
   created () {
163
     this.getGame().then(() => {
163
     this.getGame().then(() => {
164
-      if (!this.$route.query.recordid) {
165
-        this.getRecord(this.game.record.RecordId).then(() => {
166
-          this.checkStatus()
167
-          // this.share(this.game.record.RecordId)
164
+      if (this.$route.params.recordid == 0) {
165
+        this.recordid = this.game.record.RecordId
166
+        this.getRecord(this.recordid).then(() => {
167
+          this.share(this.recordid)
168
         })
168
         })
169
       } else {
169
       } else {
170
-        this.getRecord(this.game.record.RecordId).then(() => {
171
-          // this.share(this.$route.query.recordid)
172
-          this.checkStatus()
170
+        this.recordid = this.$route.params.recordid
171
+        this.getRecord(this.recordid).then(() => {
172
+          this.share(this.recordid)
173
         })
173
         })
174
       }
174
       }
175
     })
175
     })
180
   methods: {
180
   methods: {
181
     ...mapIndexActions(['getGame', 'getRecord', 'setSupport']),
181
     ...mapIndexActions(['getGame', 'getRecord', 'setSupport']),
182
     checkStatus () {
182
     checkStatus () {
183
-      if (this.$route.query.other === 'other') {
183
+      if (this.$route.params.other === 'other') {
184
         this.status = 2
184
         this.status = 2
185
         this.btnText = '立即助力TA'
185
         this.btnText = '立即助力TA'
186
         if (this.list.length >= this.game.game.UserNum) {
186
         if (this.list.length >= this.game.game.UserNum) {
196
       if (now > end) {
196
       if (now > end) {
197
         this.status = 3
197
         this.status = 3
198
         this.btnText = '立即助力TA'
198
         this.btnText = '立即助力TA'
199
-      } else if (this.game.note.LeftNum <= 0 && !this.$route.query.other) {
199
+      } else if (this.game.note.LeftNum <= 0 && this.$route.params.other != 'other') {
200
         this.status = 6
200
         this.status = 6
201
       }
201
       }
202
       this.showPage = true
202
       this.showPage = true
203
     },
203
     },
204
     share (recordid) {
204
     share (recordid) {
205
+      let link = `${window.location.origin}${window.location.pathname}#/supportDetail/other/${recordid}`
205
       wxsdk({ url: encodeURIComponent(window.location.href.split('#')[0]) }, {
206
       wxsdk({ url: encodeURIComponent(window.location.href.split('#')[0]) }, {
206
         title: '城的空间',
207
         title: '城的空间',
207
         desc: '城的空间',
208
         desc: '城的空间',
208
-        link: `${window.location.origin}${window.location.pathname}#/supportDetail?other=other&recordid=${recordid}`,
209
+        link: link,
209
         thu_image: `https://spaceofcheng.oss-cn-beijing.aliyuncs.com/indexlogo.jpg?x-oss-process=style/wxicon`
210
         thu_image: `https://spaceofcheng.oss-cn-beijing.aliyuncs.com/indexlogo.jpg?x-oss-process=style/wxicon`
211
+      }).then(() => {
212
+        setTimeout(() => {
213
+          this.checkStatus()
214
+        }, 200)
210
       })
215
       })
211
     },
216
     },
212
     support () {
217
     support () {
213
       if (this.status === 1) {
218
       if (this.status === 1) {
214
         this.$toast('微信右上角分享,让好友帮你助力哦!')
219
         this.$toast('微信右上角分享,让好友帮你助力哦!')
215
       } else if (this.status === 2) {
220
       } else if (this.status === 2) {
216
-        this.setSupport({ customerid: this.userInfo.CustomerId, recordid: this.$route.query.recordid }).then(() => {
217
-          this.showDailog = true
218
-        }).catch(() => {
219
-          this.showDailog = true
221
+        this.setSupport({ customerid: this.userInfo.CustomerId, recordid: this.$route.params.recordid }).then(() => {
222
+          this.getRecord(this.recordid).then(() => {
223
+            this.showDailog = true
224
+          })
220
         })
225
         })
221
       } else if (this.status === 3) {
226
       } else if (this.status === 3) {
222
         this.$toast('活动已结束')
227
         this.$toast('活动已结束')
223
       }
228
       }
224
     },
229
     },
225
     toLuckDraw () {
230
     toLuckDraw () {
226
-
231
+      window.location.href = 'http://dev.jinchengjiaye.com/game/luckdraw/#/?lotteryId=2557197b-3a49-4067-b52c-97fdd2c93edc'
227
     }
232
     }
228
   }
233
   }
229
 }
234
 }
379
 .top {
384
 .top {
380
   img {
385
   img {
381
     width: 100%;
386
     width: 100%;
387
+    height: 2.5rem;
382
   }
388
   }
383
   .top-div {
389
   .top-div {
384
     padding: 0.1rem 0.18rem;
390
     padding: 0.1rem 0.18rem;
439
       background: rgba(252, 98, 67, 1);
445
       background: rgba(252, 98, 67, 1);
440
       border-radius: 2px;
446
       border-radius: 2px;
441
       color: #fff;
447
       color: #fff;
442
-      padding: 0.02rem 0.08rem;
448
+      padding: 0.04rem 0.08rem 0.02rem;
443
       margin-right: 0.2rem;
449
       margin-right: 0.2rem;
444
       font-size: 0.13rem;
450
       font-size: 0.13rem;
445
     }
451
     }

+ 12
- 37
src/views/supportMain/supportMain.vue View File

4
       <div class="top">
4
       <div class="top">
5
         <img :src="topImg">
5
         <img :src="topImg">
6
         <div class="top-div">
6
         <div class="top-div">
7
-          <b>{{game.game.GameName}}</b>
7
+          <b>悦见山全家福拍摄助力砍价活动</b>
8
           <p>时间: {{`${this.toolClass.dateFormat(game.game.BeginDate,'yyyy年MM月dd日')} ~ ${this.toolClass.dateFormat(game.game.EndDate,'yyyy年MM月dd日')}`}}</p>
8
           <p>时间: {{`${this.toolClass.dateFormat(game.game.BeginDate,'yyyy年MM月dd日')} ~ ${this.toolClass.dateFormat(game.game.EndDate,'yyyy年MM月dd日')}`}}</p>
9
-          <p>地点: 南京悦见山G99</p>
9
+          <p>地点: 南京•国家级江北新区•白马路10号</p>
10
         </div>
10
         </div>
11
       </div>
11
       </div>
12
       <div class="main">
12
       <div class="main">
15
         <p>原价:888元</p>
15
         <p>原价:888元</p>
16
         <p>可邀请最多30个好友帮忙砍价,最多可砍至0元</p>
16
         <p>可邀请最多30个好友帮忙砍价,最多可砍至0元</p>
17
         <div>套餐包含:</div>
17
         <div>套餐包含:</div>
18
-        <div>10寸专属定制水晶PVC相册1本(入册15张)</div>
19
-        <div>10寸复古精美摆台1幅</div>
20
-        <div>拍摄精修:拍摄至少60张,精修入册15张</div>
18
+        <div>服装提供:免费提供1组拍摄服装</div>
19
+        <div>拍摄精修:拍摄至少12张有效照片,精修刻盘</div>
20
+        <div>台历赠送:选取6张精修照片定制2019年新年台历(具体台历形式由悦见山统一定制)</div>
21
         <p>照片赠送:照片全送</p>
21
         <p>照片赠送:照片全送</p>
22
+        <div>活动规则:</div>
23
+        <p>本次活动共招募1212组家庭,每天报名砍价成功人数不得超过10组。</p>
22
         <p>活动电话:025-86426677</p>
24
         <p>活动电话:025-86426677</p>
23
-        <p>服务案场:银城悦见山G99</p>
24
-        <p>地址:江宁区秣陵街道创新东路2号</p>
25
-        <p>*活动最终解释权归银城蓝溪郡开发商所有</p>
26
       </div>
25
       </div>
27
     </div>
26
     </div>
28
     <div class="bottom">
27
     <div class="bottom">
43
         </div>
42
         </div>
44
         <div class="item">
43
         <div class="item">
45
           <label for="address">住址</label>
44
           <label for="address">住址</label>
46
-          <div @click="showArea = true">{{address}}</div>
45
+          <input type="text" v-model="address">
47
         </div>
46
         </div>
48
-        <textarea name="addressDetail" rows="5" placeholder="详细地址" v-model="adderssDetail"></textarea>
49
         <div class="submit" @click="sign()">提交</div>
47
         <div class="submit" @click="sign()">提交</div>
50
       </div>
48
       </div>
51
     </div>
49
     </div>
52
-    <van-area
53
-      class="area"
54
-      :value="'320100'"
55
-      :area-list="area"
56
-      @confirm="confirm"
57
-      @cancel="cancel"
58
-      v-if="showArea"
59
-    />
60
   </div>
50
   </div>
61
 </template>
51
 </template>
62
 
52
 
114
   },
104
   },
115
   methods: {
105
   methods: {
116
     ...mapIndexActions(['getGame', 'signUp', 'setRecord']),
106
     ...mapIndexActions(['getGame', 'signUp', 'setRecord']),
117
-    confirm (val) {
118
-      this.address = `${val[0].name},${val[1].name},${val[2].name}`
119
-      this.showArea = false
120
-    },
121
-    cancel () {
122
-      this.showArea = false
123
-    },
124
     submit () {
107
     submit () {
125
       if (this.userInfo.Phone) {
108
       if (this.userInfo.Phone) {
126
         this.record()
109
         this.record()
138
       } else if (!this.address) {
121
       } else if (!this.address) {
139
         this.$toast('地址为必填项')
122
         this.$toast('地址为必填项')
140
         return
123
         return
141
-      } else if (!this.adderssDetail) {
142
-        this.$toast('详细地址为必填项')
143
-        return
144
       }
124
       }
125
+      this.login = false
145
       let data = {
126
       let data = {
146
         name: this.name,
127
         name: this.name,
147
         phone: this.phone,
128
         phone: this.phone,
154
     record () {
135
     record () {
155
       if (this.btn.status === 1) {
136
       if (this.btn.status === 1) {
156
         this.setRecord().then(() => {
137
         this.setRecord().then(() => {
157
-          this.$router.push({ name: 'supportDetail' })
138
+          this.$router.push({ name: 'supportDetail', params: { other: 'own', recordid: '0' } })
158
         })
139
         })
159
       } else if (this.btn.status === 3) {
140
       } else if (this.btn.status === 3) {
160
-        this.$router.push({ name: 'supportDetail' })
141
+        this.$router.push({ name: 'supportDetail', params: { other: 'own', recordid: '0' } })
161
       }
142
       }
162
     }
143
     }
163
   }
144
   }
165
 </script>
146
 </script>
166
 
147
 
167
 <style lang="scss" scoped>
148
 <style lang="scss" scoped>
168
-.area {
169
-  position: fixed;
170
-  bottom: 0;
171
-  left: 0;
172
-  z-index: 1001;
173
-  width: 100%;
174
-}
175
 .top {
149
 .top {
176
   img {
150
   img {
177
     width: 100%;
151
     width: 100%;
152
+    height: 2.5rem;
178
   }
153
   }
179
   .top-div {
154
   .top-div {
180
     padding: 0.12rem 0.25rem;
155
     padding: 0.12rem 0.25rem;