<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><uni-easyinput class="uni-mt-5" suffixIcon="search" v-model="keyword" placeholder="输入物业名或单号" @input="inputClick" @iconClick="searchClick"></uni-easyinput></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.area}}</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.bank_name}}</view>
			</view>
			<view class="uni-flex uni-row">
				<view  style="width: 150rpx;">报告编号:</view>
				<view  style="-webkit-flex: 1;flex: 1;">{{ item.report_no ==""?"报告未完成":item.report_no }}</view>
			</view>
			<view class="uni-flex uni-row">
				<view  style="width: 150rpx;">报告制作员:</view>
				<view  style="-webkit-flex: 1;flex: 1;">{{item.maker==""?"未分配":item.maker }}</view>
			</view>
			<view class="uni-flex uni-row">
				<view  style="width: 150rpx;">业务员:</view>
				<view  style="-webkit-flex: 1;flex: 1;">{{item.buss_username}}</view>
			</view>
			<view class="uni-flex uni-row">
				<view  style="width: 150rpx;">完成时间:</view>
				<view  style="-webkit-flex: 1;flex: 1;">{{item.complete_time}}</view>
			</view>
		</view>
		
		</uni-card>
	</view>
  </view>
</template>

<script>
import { finishSurvey } from '../../api/survey/survey'
  export default {
	name:'FinishSurveyList',
    data() {
      return {
		keyword:'',
		currentItem:{},
        list: []
      }
    },
	mounted() {
	    this.getFinishSurveyList();
	},
    methods: {
		inputClick(inputword) {
			
		},
		searchClick() {
			if(this.keyword ){
				let param = {keyword:this.keyword}
				this.getFinishSurveyList(param); 
			}else {
				this.getFinishSurveyList();
			}
		},
		//查勘已完成
		getFinishSurveyList(param = {}) {
		  let item = { page:1,limit:50}
		  param = Object.assign({}, param, item)
		  finishSurvey(param).then(res => {
		    this.list = res.data.list
		  }).catch(() => {
			console.log('finishSurvey 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}`)
		}
		
		
    }
  }
</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>
