150 lines
3.8 KiB
Vue
150 lines
3.8 KiB
Vue
<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.buss_username}}</view>
|
|
</view>
|
|
<view class="uni-flex uni-row">
|
|
<view style="width: 150rpx;">退回时间:</view>
|
|
<view style="-webkit-flex: 1;flex: 1;">{{item.create_time}}</view>
|
|
</view>
|
|
<view class="uni-flex uni-row">
|
|
<view style="width: 150rpx;">退回原因:</view>
|
|
<view style="-webkit-flex: 1;flex: 1;">{{item.return_reason}}</view>
|
|
</view>
|
|
</view>
|
|
|
|
</uni-card>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import { backSurvey } from '../../api/survey/survey'
|
|
export default {
|
|
name:'BackSurveyList',
|
|
data() {
|
|
return {
|
|
keyword:'',
|
|
currentItem:{},
|
|
list: []
|
|
}
|
|
},
|
|
mounted() {
|
|
this.getBackSurveyList();
|
|
},
|
|
methods: {
|
|
inputClick(inputword) {
|
|
|
|
},
|
|
searchClick() {
|
|
if(this.keyword ){
|
|
let param = {keyword:this.keyword}
|
|
this.getBackSurveyList(param);
|
|
}else {
|
|
this.getBackSurveyList();
|
|
}
|
|
},
|
|
//查勘已退单
|
|
getBackSurveyList(param = {}) {
|
|
let item = { page:1,limit:50}
|
|
param = Object.assign({}, param, item)
|
|
backSurvey(param).then(res => {
|
|
this.list = res.data.list
|
|
}).catch(() => {
|
|
console.log('backSurvey 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>
|