frontend-uniapp / Civil-Affairs-Bureau-WeChar

Blame view

pages/myreservationdetail/myreservationdetail.vue 8.83 KB
Edit Raw Normal View History Permalink
1f3f2378   起风了   我的第一次 
1
2
3
4
5
6
7
 
  <template>
  	<view class="page">
  		<pyh-nv ref="nv" :config="nvConfig"></pyh-nv>
  		<view class="listBox" :style="{'padding-top':(pageTop+'px')}">
  		<view class="content">
  			
  		<view class="top">
b958631b   李宇   2 
8
9
 
  			<map v-if="mapshow" style="width: 100%; height: 300px;" :latitude="latitude" :longitude="longitude" scale="18" :polyline="polyline">
  			</map>
1f3f2378   起风了   我的第一次 
10
11
 
  			<view class="topphone">
  				<view class="topphonebg"><image src="../../static/btn.png"></image></view>
b958631b   李宇   2 
12
 
  				<view @click="lxdh" class="topphonetext"><image src="../../static/phone1.png"></image>联系电话</view>
1f3f2378   起风了   我的第一次 
13
 
  			</view>
b958631b   李宇   2 
14
15
 
  			<!-- <map v-if="mapshow" style="width: 100%; height: 300px;" :latitude="latitude" :longitude="longitude" :markers="covers"> -->
1f3f2378   起风了   我的第一次 
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
 
  			<!-- <view class="topimg"><image src="../../static/img/05.jpg" mode="widthFix"></image></view> -->
  		</view>
  			
  			<view class="message-list">
  			<view class="titleall-box">
  				<view class="titleall-left"><view class="titleall-left-line"></view>逝者信息</view>
  			</view>
  			<view class="info-box">
  				<view class="info-box-list">
  					<view class="info-box-width">
  						<view>{{info.deceasedName}}</view>
  						<view class="info-box-small">逝者姓名</view>
  					</view>
  					<view class="info-box-width">
  						<view>{{info.deceasedAge}}</view>
  						<view class="info-box-small">逝者年龄</view>
  					</view>
  				</view>
  				<view class="info-box-list">
  					<view class="info-box-width">
  						<view>{{info.deceasedSex == '0' ? '男' : '女'}}</view>
  						<view class="info-box-small">逝者性别</view>
  					</view>
  					<!-- <view class="info-box-width">
  						<view>64</view>
  						<view class="info-box-small">逝者体重/kg</view>
  					</view> -->
  				</view>
  			</view>
  			</view>
  			
  			<view class="message-list">
  			<view class="titleall-box">
  				<view class="titleall-left"><view class="titleall-left-line"></view>预约人信息</view>
  			</view>
  			<view class="info-box">
  				<view class="info-box-list">
  					<view class="info-box-width">
  						<view>{{info.contactName}}</view>
  						<view class="info-box-small">预约人姓名</view>
  					</view>
  					<view class="info-box-width">
  						<view>{{info.contactPhone}}</view>
  						<view class="info-box-small">预约人电话</view>
  					</view>
  				</view>
  			</view>
  			</view>
  			
  			<view class="message-list">
  			<view class="titleall-box">
  				<view class="titleall-left"><view class="titleall-left-line"></view>死亡相关信息</view>
  			</view>
  			<view class="info-box">
  				<view class="info-box-list">
  					<view class="info-box-width">
  						<view>{{info.deathdate}}</view>
  						<view class="info-box-small">死亡日期</view>
  					</view>
  					<view class="info-box-width">
  						<view>{{info.deathCase}}</view>
  						<view class="info-box-small">死亡原因</view>
  					</view>
  				</view>
  			</view>
  			</view>
  			
  			<view class="message-list">
  			<view class="titleall-box">
  				<view class="titleall-left"><view class="titleall-left-line"></view>火化时间</view>
  			</view>
  			<view class="info-box">
  				<view class="info-box-list">
  					<view class="info-box-width width100">
  						<view v-if="hhdate != '' && hhdate != null">{{hhdate}}</view>
  						<view v-else>无</view>
  						<view class="info-box-small">火化日期</view>
  					</view>
  				</view>
  				<view class="info-box-list">
  					<view class="info-box-width width100">
  						<view v-if="hhtime != '' && hhtime != null">{{hhtime}}</view>
  						<view v-else>无</view>
  						<view class="info-box-small">火化时间（此为预约时间，非实际火化时间）</view>
  					</view>
  				</view>
  			</view>
  			</view>
  		</view>
  		</view>
  	</view>
  </template>
  
  <script>
  	export default {
  		data() {
  			return {
  				OrderType: 0,
  				nvConfig:{
  					title:"报丧订单详情",
  					bgColor:"#ffffff",
  					color:"#000000",
  					fixedAssist:{
  						hide:true,
  					},
  				},
  				price:0,
  				number:0,
  				info:{},
  				fwinfo:[],
  				hhtime:"",
  				hhdate:"",
  				
  				// 地图
  				mapshow:true,
  				id:0, // 使用 marker点击事件 需要填写id
  				title: 'map',
  				latitude: 39.909,
  				longitude: 116.39742,
  				covers: [{
  					latitude: 39.909,
  					longitude: 116.39742,
  					iconPath: '../../../static/location.png'
  				}],
b958631b   李宇   2 
140
141
142
143
144
145
146
147
 
  				
  				polyline: [{
  				    points: [],
  				    color: "#31c27c",
  				    width: 10,
  				    arrowLine: true,
  				    borderWidth: 2 //线的边框宽度，还有很多参数，请看文档 
  				}]
1f3f2378   起风了   我的第一次 
148
149
150
151
152
153
154
155
156
157
158
159
 
  			};
  		},
  		onPageScroll(e) {this.$refs.nv.pageScroll(e)},
  		computed:{
  			pageTop(){return parseInt(88*uni.getSystemInfoSync().windowWidth/750) + uni.getSystemInfoSync().statusBarHeight}
  		},
  		onLoad(params) {
  			var is = JSON.parse(params.info)
  			this.getbsdetail(is.obituaryOrderNumber)
  			// this.OrderType = params.type;
  		},
  		methods:{
b958631b   李宇   2 
160
161
162
163
164
165
166
167
168
169
170
171
172
173
 
  			lxdh(){
  				uni.showModal({
  					title: '联系电话',
  					content: '028-36241643',
  					success: function(res) {
  						if (res.confirm) {
  							console.log('点击了确认')
  						} else {
  							console.log('点击了取消')
  						}
  					}
  				})
  			
  			},
1f3f2378   起风了   我的第一次 
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
 
  			/**
  			 * 返回点击
  			 */
  			onBack(){
  				uni.navigateBack();
  			},
  			/**
  			 * 订单tab点击
  			 */
  			onOrderTab(type){
  				this.OrderType = type;
  				// #ifdef H5
  				uni.redirectTo({
  					url: '/pages/MyOrderList/MyOrderList?type=' + type,
  				})
  				//#endif
  			},
  			/**
  			 * 订单列表点击
  			 */
  			onOrderList(){
  				uni.navigateTo({
  					url: '/pages/OrderDetails/OrderDetails',
  				})
  			},
  			// 获取订单详情
  			getbsdetail(id){
  				id = parseInt(id)
  				console.log(typeof(id));
  				this.API.getbsdetail(id).then(res=>{
  					console.log(11111);
  					console.log("用户订单",res);
b958631b   李宇   2 
206
207
208
209
210
211
 
  					// this.getGps(res.data.vehicleNumber);
  					if(res.data.vehicleNumber != ''){
  						this.getGps(res.data.vehicleNumber);
  					}else{
  						this.mapshow = false
  					}
1f3f2378   起风了   我的第一次 
212
 
  					this.info = res.data
b958631b   李宇   2 
213
214
 
  					// this.number = res.data.funeralOrderDetailsInfoPo.quantityNumber
  					// this.price = res.data.funeralOrderDetailsInfoPo.unitPrice
1f3f2378   起风了   我的第一次 
215
216
 
  					this.hhtime = res.data.funeralCremationScheduledInfoPo.scheduledCremationTime
  					this.hhdate = res.data.funeralCremationScheduledInfoPo.scheduledCremationDate
b958631b   李宇   2 
217
 
  					console.log("火化时间日期",this.hhtime,this.hhdate);
1f3f2378   起风了   我的第一次 
218
219
220
221
222
223
224
225
226
227
228
229
230
231
 
  				})
  			},
  			// 获取gps定位
  			getGps(vehicleNumber){
  				var EndTime = Date.parse(new Date());
  				EndTime = this.parseTime(EndTime)
  				console.log("当前时间",EndTime);
  				var BeginTime = Date.parse(new Date()) - 1800000
  				BeginTime = this.parseTime(BeginTime)
  				var info = {
  					request:{
  						"Action":"GetVehicleTrackData",
  						"UserId":"user",
  						"Pwd":"6B18CFA67F76F079B0BFFBD773DC4494",
b958631b   李宇   2 
232
 
  						// "PlateNum":"川ZVN180",
1f3f2378   起风了   我的第一次 
233
234
235
236
237
238
 
  						"PlateNum":vehicleNumber,
  						"ColorCode":"0",
  						"BeginTime":"20231010090000",
  						"EndTime":"20231010150000",
  						"MinSpeed":"1",
  						"NeedAddress":"0",
b958631b   李宇   2 
239
240
241
242
243
244
245
246
247
248
249
 
  						
  						// "Action":"GetVehicleGpsInfo",
  						// "UserId":"user",
  						// "Pwd":"6B18CFA67F76F079B0BFFBD773DC4494",
  						// "Vehicles":[
  						// 	{
  						// 	"PlateNum":vehicleNumber,
  						// 	"ColorCode":"1"
  						// 	}
  						// ],
  						// "NeedAddress":0
1f3f2378   起风了   我的第一次 
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
 
  					}
  				}
  				info.request.BeginTime = BeginTime;
  				info.request.EndTime = EndTime
  				info.request = JSON.stringify(info.request)
  				this.API.getGps(info).then(res=>{
  					console.log("gps",res);
  					if(res.Msg == "未找到指定时间段内车辆的轨迹信息！"){
  						this.mapshow = false
  					}else{
  						var len = res.Data.length - 1
  						this.latitude = res.Data[len].Latitude
  						this.longitude = res.Data[len].Longitude
  						this.covers[0].latitude = res.Data[len].Latitude
  						this.covers[0].longitude = res.Data[len].Longitude
b958631b   李宇   2 
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
 
  						
  						let points = []
  						res.Data.forEach(item => {
  						    points.push({
  								latitude: item.Latitude,
  						        longitude: item.Longitude
  						    })
  						})
  						this.polyline = [{
  							points: points,
  						    color: "#31c27c",
  						    width: 4,
  						    arrowLine: true,
  						    // borderWidth: 2 //线的边框宽度，还有很多参数，请看文档 
  						}]
1f3f2378   起风了   我的第一次 
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
 
  					}
  					
  				})
  			},
  			parseTime(EndTime){
  			    var date = new Date(EndTime);//时间戳为10位需*1000，时间戳为13位的话不需乘1000
  			    var Y = date.getFullYear() + '';
  			    var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1)+ '';
  			    var D = (date.getDate() < 10 ? '0'+date.getDate() : date.getDate())+ '';
  			    var h = (date.getHours() < 10 ? '0'+date.getHours() : date.getHours())+ '';
  			    var m = (date.getMinutes() < 10 ? '0'+date.getMinutes() : date.getMinutes())+ '';
  			    var s = (date.getSeconds() < 10 ? '0'+date.getSeconds() : date.getSeconds())+ '';
  			
  			    let strDate = Y+M+D+h+m+s;
  				console.log(strDate) //2020-05-08 17:44:56　
  				return strDate;
  			},
        /**
         * 评价点击
         */
        onEvaluate(){
  			  uni.navigateTo({
            url: '/pages/MyEvaluatePush/MyEvaluatePush'
          })
        }
  		}
  	}
  </script>
  
  <style scoped lang="scss">
  	@import 'myreservationdetail.scss';
  </style>