|
@@ -0,0 +1,115 @@
|
|
|
+import Taro, { Component } from '@tarojs/taro'
|
|
|
+import { View } from '@tarojs/components'
|
|
|
+import { comGetTime } from '@utils'
|
|
|
+import ListMore from '@/c/pageDataList/listMore'
|
|
|
+
|
|
|
+import './vrList.scss'
|
|
|
+
|
|
|
+class Index extends Component {
|
|
|
+ onShareAppMessage() {
|
|
|
+ const { id, estateName, eid } = this.$router.params
|
|
|
+ return {
|
|
|
+ title: `来看看${estateName}的航拍历史`,
|
|
|
+ path: `/pagesHouse/vrList?eid=${eid}&id=${id}&estateName=${estateName}`
|
|
|
+ }
|
|
|
+ }
|
|
|
+ onShareTimeline () {
|
|
|
+ const { id, estateName, eid } = this.$router.params
|
|
|
+ return {
|
|
|
+ title: `来看看${estateName}的航拍历史`,
|
|
|
+ path: `/pagesHouse/vrList?eid=${eid}&id=${id}&estateName=${estateName}`
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ constructor (props) {
|
|
|
+ super(props)
|
|
|
+ const {eid: curId} = this.$router.params
|
|
|
+ this.state = {
|
|
|
+ curId,
|
|
|
+ dataList: [],
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ config = {
|
|
|
+ navigationBarTitleText: '航拍历史记录',
|
|
|
+ }
|
|
|
+
|
|
|
+ componentWillMount () {
|
|
|
+ Taro.$AHU(this)
|
|
|
+ this.getDtl()
|
|
|
+ const { estateName } = this.$router.params
|
|
|
+ Taro.setNavigationBarTitle({
|
|
|
+ title: `${estateName}的航拍历史`
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ getDtl () {
|
|
|
+ const { curId } = this.state
|
|
|
+ Taro.api.house.apiestatevrhistorylist({estate_id: curId}).then(res => {
|
|
|
+ let list = res.list || []
|
|
|
+ this.setState({
|
|
|
+ dataList: list
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ componentDidShow () { }
|
|
|
+
|
|
|
+ componentDidHide () { }
|
|
|
+
|
|
|
+ renderList () {
|
|
|
+ const { dataList } = this.state
|
|
|
+ const itemsList = dataList.map((item, index) => {
|
|
|
+ const cDateStr = comGetTime(new Date(Number(item.vr_key)))
|
|
|
+ return (
|
|
|
+ <View className="sl-item">
|
|
|
+ <View className="left">
|
|
|
+ <View className="line"></View>
|
|
|
+ <View className="dot"></View>
|
|
|
+ </View>
|
|
|
+ <View className="right" onClick={this.linkVrDtl.bind(this, item)}>
|
|
|
+ <View className="p1">航拍时间:{cDateStr}</View>
|
|
|
+ <Image src={item.vr_image} className="img"/>
|
|
|
+ </View>
|
|
|
+ </View>
|
|
|
+ )
|
|
|
+ })
|
|
|
+ return (
|
|
|
+ <View className="scoped-list">
|
|
|
+ {itemsList}
|
|
|
+ </View>
|
|
|
+ )
|
|
|
+ }
|
|
|
+ linkVrDtl (item) {
|
|
|
+ const { id, estateName, eid } = this.$router.params
|
|
|
+ Taro.navigateTo({
|
|
|
+ url: `/pagesHouse/vr?eid=${eid}&id=${id}&estateName=${estateName}`
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ renderShare () {
|
|
|
+ const iconShare = require('@img/images/icon_g_share6.png')
|
|
|
+ return (
|
|
|
+ <Button className="g-icon-share btn-to-div" openType="share">
|
|
|
+ <Image className="img" src={iconShare} />
|
|
|
+ </Button>
|
|
|
+ )
|
|
|
+ }
|
|
|
+
|
|
|
+ render () {
|
|
|
+ const { dataList } = this.state
|
|
|
+ return (
|
|
|
+ <View className="l-box">
|
|
|
+ {this.renderList()}
|
|
|
+ {this.renderShare()}
|
|
|
+ {
|
|
|
+ dataList.length === 0
|
|
|
+ &&
|
|
|
+ <ListMore isOther={true} text="VR在路上"/>
|
|
|
+ }
|
|
|
+ </View>
|
|
|
+ )
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+export default Index
|