129 lines
2.4 KiB
Vue
129 lines
2.4 KiB
Vue
|
<template>
|
||
|
|
<view class="projectList">
|
||
|
|
<headers class="fixedheader" :themeType="true" :showBack="true">
|
||
|
|
<view class="headerName">
|
||
|
|
查看明细
|
||
|
|
</view>
|
||
|
|
</headers>
|
||
|
|
<view class="details">
|
||
|
|
<view class="details-item">
|
||
|
|
<span>访客姓名</span>
|
||
|
|
<span>{{result.name}}</span>
|
||
|
|
</view>
|
||
|
|
<view class="details-item">
|
||
|
|
<span>访客身份证号</span>
|
||
|
|
<span>{{result.model}}</span>
|
||
|
|
</view>
|
||
|
|
<view class="details-item">
|
||
|
|
<span>预约人姓名</span>
|
||
|
|
<span>{{result.specifications}}</span>
|
||
|
|
</view>
|
||
|
|
<view class="details-item">
|
||
|
|
<span>预约结果</span>
|
||
|
|
<span>{{result.unit}}</span>
|
||
|
|
</view>
|
||
|
|
<view class="details-item">
|
||
|
|
<span>预约有效开始时间</span>
|
||
|
|
<span>{{result.num}}</span>
|
||
|
|
</view>
|
||
|
|
<view class="details-item">
|
||
|
|
<span>预约有效结束时间</span>
|
||
|
|
<span>{{result.num}}</span>
|
||
|
|
</view>
|
||
|
|
<view class="details-state" style="height: 100px;">
|
||
|
|
<span>当前状态</span>
|
||
|
|
<span>{{result.remark}}</span>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<view class="delete">删除</view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import headers from '../../../components/headers/headers.vue'
|
||
|
|
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
id: '',
|
||
|
|
result: {}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
onShow() {
|
||
|
|
this.getDetails()
|
||
|
|
},
|
||
|
|
onLoad(vai) {
|
||
|
|
this.id = vai.itemS
|
||
|
|
},
|
||
|
|
onReachBottom() {
|
||
|
|
|
||
|
|
},
|
||
|
|
onPullDownRefresh() {
|
||
|
|
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
getDetails() {
|
||
|
|
let data = {
|
||
|
|
id: this.id
|
||
|
|
}
|
||
|
|
let _this = this
|
||
|
|
this.sendRequest({
|
||
|
|
url: 'xmgl/xzMaterialDetail/queryById',
|
||
|
|
method: 'post',
|
||
|
|
data: data,
|
||
|
|
success: res => {
|
||
|
|
console.log(res);
|
||
|
|
this.result = res.result
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.projectList {
|
||
|
|
min-height: 100%;
|
||
|
|
background: #f4f5fd;
|
||
|
|
position: relative;
|
||
|
|
|
||
|
|
.details {
|
||
|
|
margin: 10px;
|
||
|
|
background-color: #fff;
|
||
|
|
height: 380px;
|
||
|
|
border-radius: 4px;
|
||
|
|
|
||
|
|
.details-item {
|
||
|
|
height: 50px;
|
||
|
|
border-bottom: 1px solid #e4e6ef;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: space-between;
|
||
|
|
padding: 0 15px;
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.details-state {
|
||
|
|
display: flex;
|
||
|
|
justify-content: space-between;
|
||
|
|
padding: 0 15px;
|
||
|
|
margin-top: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.delete{
|
||
|
|
position: absolute;
|
||
|
|
bottom: 60px;
|
||
|
|
left: 0;
|
||
|
|
height: 50px;
|
||
|
|
background-color: #eb3b43;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
width: 100%;
|
||
|
|
color: #fff;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|