<template>
  <view class="survey-container">
	<view>
		<!-- 分享示例 -->
		<uni-popup ref="surveyType" type="share" safeArea backgroundColor="#fff">
			<button class="button"  @click="navSurvey('house')"><text class="button-text">住宅查勘模板</text></button>
			<button class="button"  @click="navSurvey('shop')"><text class="button-text">商业查勘模板</text></button>
			
		</uni-popup>
	</view>
	<view v-for="(item, findex) in list" :key="findex">
		<uni-card  @click="handleClick(item)">
		<view class="uni-flex uni-row" style="-webkit-justify-content: space-between;justify-content: space-between;">
				<view >{{item.order_no}}</view>
				<view class="btnSurvey" @click="handleClick(item)">查勘待跟进</view>
		</view>
		<view class="line" ></view>
		<view class="detail">
			<view class="uni-flex uni-row">
				<view  style="width: 150rpx;">物业名称:</view>
				<view  style="-webkit-flex: 1;flex: 1;">{{item.property_full_name}}</view>
			</view>
			<view class="uni-flex uni-row">
				<view  style="width: 150rpx;">所在城市:</view>
				<view  style="-webkit-flex: 1;flex: 1;">{{item.city}}</view>
			</view>
			<view class="uni-flex uni-row">
				<view  style="width: 150rpx;">物业类型:</view>
				<view  style="-webkit-flex: 1;flex: 1;">{{item.type_str}}</view>
			</view>
			<view class="uni-flex uni-row">
				<view  style="width: 150rpx;">业务员:</view>
				<view  style="-webkit-flex: 1;flex: 1;">{{item.appraiser_name}}</view>
			</view>
			<view class="uni-flex uni-row">
				<view  style="width: 150rpx;">指派时间:</view>
				<view  style="-webkit-flex: 1;flex: 1;">{{item.assign_time}}</view>
			</view>
		</view>
		<view class="line2" v-if="findex !== list.length - 1"></view>
		</uni-card>
	</view>
  </view>
</template>

<script>
import { waitSurvey } from '../../api/survey/survey'
  export default {
	name:'WaitSurveyList'
    data() {
      return {
		currentItem:{},
        list: []
      }
    },
	mounted() {
	    this.getWaitSurveyList();
	},
    methods: {
		//查勘待跟进
		getWaitSurveyList() {
		  waitSurvey().then(res => {
		    this.list = res.data.list
		  }).catch(() => {
			console.log('waitSurvey Error')
		  })
		},
		handleClick(item) {
			this.currentItem = item
			this.$refs.surveyType.open()
			//this.$tab.navigateTo(`/pages/survey/detail?order_no==${item.order_no}&id=${item.id}&survey_id=${item.survey_id}&survey_type=${item.survey_type}`)
		},
		navSurvey(surveyType) {
			let item = this.currentItem
			if(surveyType == 'house') {
				this.$tab.navigateTo(`/pages/survey/houseDetail?order_no==${item.order_no}&id=${item.id}&survey_id=${item.survey_id}&survey_type=1`)
			}else if (surveyType == 'shop') {
				this.$tab.navigateTo(`/pages/survey/shopDetail?order_no==${item.order_no}&id=${item.id}&survey_id=${item.survey_id}&survey_type=2`)
			}
		}
		
    }
  }
</script>

<style lang="scss" scoped>
  page {
    background-color: #f8f8f8;
  }

  .survey-container {
    margin-bottom: 100rpx;
    padding: 20rpx;
  }
  
  .btnSurvey {
	  color: #ff6a00;
  }
 
  .line {
    width: 100%;
    height: 5rpx;
    background-color: #E6E6E6;
  }
  .line2 {
    width: 100%;
    height: 20rpx;
    background-color: #F5F5F5;
  }
  .text-title {
    color: #303133;
    font-size: 32rpx;
    font-weight: bold;
    margin-left: 10rpx;

    .iconfont {
      font-size: 16px;
      margin-right: 10rpx;
    }
  }

  .text-item {
    font-size: 28rpx;
    padding: 24rpx;
  }
  .flex-item {
  	width: 33.3%;
  	height: 30rpx;
  	text-align: center;
  	line-height: 200rpx;
  }
</style>
