first commit
This commit is contained in:
157
pgapp/components/finish-survey-list/finish-survey-list.vue
Normal file
157
pgapp/components/finish-survey-list/finish-survey-list.vue
Normal file
@@ -0,0 +1,157 @@
|
||||
<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>
|
||||
Reference in New Issue
Block a user