first commit
This commit is contained in:
173
pgapp/components/appoint-survey-list/appoint-survey-list.vue
Normal file
173
pgapp/components/appoint-survey-list/appoint-survey-list.vue
Normal file
@@ -0,0 +1,173 @@
|
||||
<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 >
|
||||
<view>
|
||||
<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>
|
||||
<view >
|
||||
<button size="mini" style="margin-left: 10rpx; margin-top: 10rpx; height: 55rpx;text-align: center; background-color: #CC985E;" type="primary" @click="acceptSurvey(item)">接单</button>
|
||||
</view>
|
||||
</uni-card>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { getUserID } from '@/utils/auth'
|
||||
import { appointSurvey,getRole,selectSurveyUser } from '../../api/survey/survey'
|
||||
import { toast } from '../../utils/common';
|
||||
export default {
|
||||
name:'AppointSurveyList',
|
||||
data() {
|
||||
return {
|
||||
keyword:'',
|
||||
currentItem:{},
|
||||
list: []
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.getAppointSurveyList();
|
||||
},
|
||||
methods: {
|
||||
inputClick(inputword) {
|
||||
|
||||
},
|
||||
searchClick() {
|
||||
if(this.keyword == '' ){
|
||||
this.getAppointSurveyList();
|
||||
}else {
|
||||
let param = {keyword:this.keyword}
|
||||
this.getAppointSurveyList(param);
|
||||
}
|
||||
},
|
||||
//查勘待派单
|
||||
getAppointSurveyList(param = {}) {
|
||||
let item = { page:1,limit:50}
|
||||
param = Object.assign({}, param, item)
|
||||
appointSurvey(param).then(res => {
|
||||
this.list = res.data.list
|
||||
}).catch(() => {
|
||||
console.log('appointSurvey Error')
|
||||
})
|
||||
},
|
||||
acceptSurvey(item) {
|
||||
this.currentItem = item
|
||||
let userId = getUserID()
|
||||
getRole({ roleCode: 'Surveyor' }).then(res => {
|
||||
if (res.code === 1) {
|
||||
let surveyList = res.data
|
||||
let done = false
|
||||
for(let i = 0; i < surveyList.length; i++){
|
||||
if(userId == surveyList[i].userId) {
|
||||
let param = {surveyName:surveyList[i].userNickName,
|
||||
surveyPhone:surveyList[i].phonenumber,
|
||||
surveyUserId:surveyList[i].userId,
|
||||
survey_ids:[item.survey_id]}
|
||||
selectSurveyUser(param).then(ret => {
|
||||
toast('接单成功')
|
||||
done = true
|
||||
this.searchClick()
|
||||
}).catch(() => {
|
||||
console.log('selectSurveyUser Error')
|
||||
})
|
||||
break
|
||||
}
|
||||
}
|
||||
setTimeout(()=>{
|
||||
if(!done){
|
||||
toast('请在跟进中查看结果,有疑问请联系管理员')
|
||||
}
|
||||
},2000)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
</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>
|
||||
149
pgapp/components/back-survey-list/back-survey-list.vue
Normal file
149
pgapp/components/back-survey-list/back-survey-list.vue
Normal file
@@ -0,0 +1,149 @@
|
||||
<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>
|
||||
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>
|
||||
167
pgapp/components/uni-section/uni-section.vue
Normal file
167
pgapp/components/uni-section/uni-section.vue
Normal file
@@ -0,0 +1,167 @@
|
||||
<template>
|
||||
<view class="uni-section">
|
||||
<view class="uni-section-header" @click="onClick">
|
||||
<view class="uni-section-header__decoration" v-if="type" :class="type" />
|
||||
<slot v-else name="decoration"></slot>
|
||||
|
||||
<view class="uni-section-header__content">
|
||||
<text :style="{'font-size':titleFontSize,'color':titleColor}" class="uni-section__content-title" :class="{'distraction':!subTitle}">{{ title }}</text>
|
||||
<text v-if="subTitle" :style="{'font-size':subTitleFontSize,'color':subTitleColor}" class="uni-section-header__content-sub">{{ subTitle }}</text>
|
||||
</view>
|
||||
|
||||
<view class="uni-section-header__slot-right">
|
||||
<slot name="right"></slot>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="uni-section-content" :style="{padding: _padding}">
|
||||
<slot />
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
/**
|
||||
* Section 标题栏
|
||||
* @description 标题栏
|
||||
* @property {String} type = [line|circle|square] 标题装饰类型
|
||||
* @value line 竖线
|
||||
* @value circle 圆形
|
||||
* @value square 正方形
|
||||
* @property {String} title 主标题
|
||||
* @property {String} titleFontSize 主标题字体大小
|
||||
* @property {String} titleColor 主标题字体颜色
|
||||
* @property {String} subTitle 副标题
|
||||
* @property {String} subTitleFontSize 副标题字体大小
|
||||
* @property {String} subTitleColor 副标题字体颜色
|
||||
* @property {String} padding 默认插槽 padding
|
||||
*/
|
||||
|
||||
export default {
|
||||
name: 'UniSection',
|
||||
emits:['click'],
|
||||
props: {
|
||||
type: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
title: {
|
||||
type: String,
|
||||
required: true,
|
||||
default: ''
|
||||
},
|
||||
titleFontSize: {
|
||||
type: String,
|
||||
default: '14px'
|
||||
},
|
||||
titleColor:{
|
||||
type: String,
|
||||
default: '#333'
|
||||
},
|
||||
subTitle: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
subTitleFontSize: {
|
||||
type: String,
|
||||
default: '12px'
|
||||
},
|
||||
subTitleColor: {
|
||||
type: String,
|
||||
default: '#999'
|
||||
},
|
||||
padding: {
|
||||
type: [Boolean, String],
|
||||
default: false
|
||||
}
|
||||
},
|
||||
computed:{
|
||||
_padding(){
|
||||
if(typeof this.padding === 'string'){
|
||||
return this.padding
|
||||
}
|
||||
|
||||
return this.padding?'10px':''
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
title(newVal) {
|
||||
if (uni.report && newVal !== '') {
|
||||
uni.report('title', newVal)
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
onClick() {
|
||||
this.$emit('click')
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" >
|
||||
$uni-primary: #2979ff !default;
|
||||
|
||||
.uni-section {
|
||||
background-color: #fff;
|
||||
.uni-section-header {
|
||||
position: relative;
|
||||
/* #ifndef APP-NVUE */
|
||||
display: flex;
|
||||
/* #endif */
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
padding: 12px 10px;
|
||||
font-weight: normal;
|
||||
|
||||
&__decoration{
|
||||
margin-right: 6px;
|
||||
background-color: $uni-primary;
|
||||
&.line {
|
||||
width: 4px;
|
||||
height: 12px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
&.circle {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-top-right-radius: 50px;
|
||||
border-top-left-radius: 50px;
|
||||
border-bottom-left-radius: 50px;
|
||||
border-bottom-right-radius: 50px;
|
||||
}
|
||||
|
||||
&.square {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
&__content {
|
||||
/* #ifndef APP-NVUE */
|
||||
display: flex;
|
||||
/* #endif */
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
color: #333;
|
||||
|
||||
.distraction {
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
}
|
||||
&-sub {
|
||||
margin-top: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
&__slot-right{
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
.uni-section-content{
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
322
pgapp/components/wait-survey-list/wait-survey-list.vue
Normal file
322
pgapp/components/wait-survey-list/wait-survey-list.vue
Normal file
@@ -0,0 +1,322 @@
|
||||
<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 >
|
||||
<view @click="handleClick(item)">
|
||||
<view><button size="mini" style="margin-left: 10rpx; margin-top: 10rpx; height: 55rpx;text-align: center; background-color: #FF3333;" type="primary" @click="returnSurvey(item)">退单</button></view>
|
||||
<view class="uni-flex uni-row" style="-webkit-justify-content: space-between;justify-content: space-between;">
|
||||
<view >{{item.order_no}}</view>
|
||||
<view class="btnSurvey" >查勘待跟进</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.surver_username}}</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.buss_username}}</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>
|
||||
<view style="margin-left: -20rpx; text-align: left; display: flex;justify-content: space-between;">
|
||||
<button size="mini" style="margin-top: 10rpx; height: 55rpx;text-align: center; background-color: #CC985E;" type="primary" @click="changeSurveyToAaskedConfirm(item)">退回待派单</button>
|
||||
<button size="mini" style="margin-top: 10rpx; height: 55rpx;text-align: center; background-color: #CC985E;" type="primary" @click="transferSurvey(item)">转 派</button>
|
||||
</view>
|
||||
</uni-card>
|
||||
</view>
|
||||
<uni-popup ref="transferSurveyPopup" type="right">
|
||||
<view style="width: 300px;">
|
||||
<uni-section title="查勘转派" type="line" padding>
|
||||
|
||||
<uni-data-checkbox mode="tag" selectedColor="red"
|
||||
v-model="surveyUser"
|
||||
:localdata="surveyUserList">
|
||||
</uni-data-checkbox>
|
||||
<view class="line3"></view>
|
||||
<view class="button-sp-area">
|
||||
<button class='mini-btn' @click='cancelTransferSurvey()' type="primary" size='mini'>取消</button>
|
||||
<button class='mini-btn' @click='submitTransferSurvey()' type="primary" size='mini'>提交</button>
|
||||
</view>
|
||||
</uni-section>
|
||||
</view>
|
||||
</uni-popup>
|
||||
<uni-popup ref="returnSurveyPopup" >
|
||||
<view style="width: 300px;">
|
||||
<uni-section title="查勘退单" type="line" padding>
|
||||
<uni-easyinput type="textarea" v-model="return_reason" placeholder="请输入退单理由"></uni-easyinput>
|
||||
<view class="line3"></view>
|
||||
<view class="button-sp-area">
|
||||
<button class='mini-btn' @click='cancelReturnSurvey()' type="primary" size='mini'>取消</button>
|
||||
<button class='mini-btn' @click='submitReturnSurvey()' type="primary" size='mini'>提交</button>
|
||||
</view>
|
||||
</uni-section>
|
||||
</view>
|
||||
</uni-popup>
|
||||
<uni-popup ref="confirmPopup" type="dialog">
|
||||
<uni-popup-dialog mode="base" content="确认退回到待派单吗?" :before-close="true" @close="closeConfirm" @confirm="confirmChangeToAsked"></uni-popup-dialog>
|
||||
</uni-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { waitSurvey, transferSurveyUser, returnSurvey, getRole,returnSurveyToAsked} from '../../api/survey/survey'
|
||||
import { toast } from '@/utils/common'
|
||||
export default {
|
||||
name:'WaitSurveyList',
|
||||
data() {
|
||||
return {
|
||||
return_reason:'',
|
||||
keyword:'',
|
||||
currentItem:{},
|
||||
list: [],
|
||||
surveyUserList:[],
|
||||
surveyUser: -1
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.getWaitSurveyList();
|
||||
},
|
||||
methods: {
|
||||
initSurveyor() {
|
||||
getRole({ roleCode: 'Surveyor' }).then(res => {
|
||||
if (res.code === 1) {
|
||||
|
||||
let surveyList = res.data
|
||||
|
||||
this.surveyUserList = surveyList.map(item=>{
|
||||
return {value:item.userId,text:item.userNickName}
|
||||
})
|
||||
|
||||
}
|
||||
})
|
||||
|
||||
},
|
||||
cancelTransferSurvey() {
|
||||
this.$refs.transferSurveyPopup.close()
|
||||
},
|
||||
submitTransferSurvey() {
|
||||
if(this.surveyUser == -1) {
|
||||
toast('请选择查勘员')
|
||||
return
|
||||
}
|
||||
let surveyNickName = ''
|
||||
for(let i = 0 ; i<this.surveyUserList.length;i++){
|
||||
if(this.surveyUserList[i].value == this.surveyUser){
|
||||
surveyNickName = this.surveyUserList[i].text
|
||||
break
|
||||
}
|
||||
}
|
||||
let param = {survey_id:this.currentItem.survey_id,
|
||||
surveyName: surveyNickName,
|
||||
surveyUserId:this.surveyUser}
|
||||
|
||||
transferSurveyUser(param).then(res => {
|
||||
|
||||
toast(res.msg)
|
||||
this.$refs.transferSurveyPopup.close()
|
||||
this.searchClick()
|
||||
}).catch((e) => {
|
||||
toast(e)
|
||||
this.$refs.transferSurveyPopup.close()
|
||||
})
|
||||
},
|
||||
cancelReturnSurvey() {
|
||||
this.$refs.returnSurveyPopup.close()
|
||||
},
|
||||
submitReturnSurvey() {
|
||||
if(this.return_reason == ''){
|
||||
toast('请填写退单理由')
|
||||
return
|
||||
}
|
||||
let param = {survey_id:this.currentItem.survey_id,
|
||||
return_reason:this.return_reason}
|
||||
returnSurvey(param).then(res => {
|
||||
|
||||
toast(res.msg)
|
||||
this.$refs.returnSurveyPopup.close()
|
||||
this.searchClick()
|
||||
}).catch((e) => {
|
||||
toast(e)
|
||||
this.$refs.returnSurveyPopup.close()
|
||||
})
|
||||
},
|
||||
inputClick(inputword) {
|
||||
|
||||
},
|
||||
searchClick() {
|
||||
if(this.keyword){
|
||||
let param = {keyword:this.keyword}
|
||||
this.getWaitSurveyList(param);
|
||||
}else {
|
||||
this.getWaitSurveyList();
|
||||
}
|
||||
},
|
||||
//查勘待跟进
|
||||
getWaitSurveyList(param = {}) {
|
||||
let item = { page:1,limit:50}
|
||||
param = Object.assign({}, param, item)
|
||||
waitSurvey(param).then(res => {
|
||||
this.list = res.data.list
|
||||
}).catch(() => {
|
||||
console.log('waitSurvey Error')
|
||||
})
|
||||
},
|
||||
transferSurvey(item){
|
||||
this.currentItem = item
|
||||
if(this.surveyUserList == false) {
|
||||
this.initSurveyor()
|
||||
}
|
||||
this.$refs.transferSurveyPopup.open()
|
||||
},
|
||||
changeSurveyToAaskedConfirm(item) {
|
||||
this.currentItem = item
|
||||
this.$refs.confirmPopup.open()
|
||||
|
||||
},
|
||||
closeConfirm(){
|
||||
this.$refs.confirmPopup.close()
|
||||
},
|
||||
confirmChangeToAsked() {
|
||||
this.changeSurveyToAasked(this.currentItem)
|
||||
this.$refs.confirmPopup.close()
|
||||
},
|
||||
changeSurveyToAasked(item) {
|
||||
|
||||
let param = {survey_id:item.survey_id}
|
||||
returnSurveyToAsked(param).then(res => {
|
||||
toast(res.msg)
|
||||
|
||||
this.searchClick()
|
||||
|
||||
}).catch((e) => {
|
||||
toast(e)
|
||||
})
|
||||
},
|
||||
returnSurvey(item) {
|
||||
this.currentItem = item
|
||||
this.return_reason = ''
|
||||
this.$refs.returnSurveyPopup.open()
|
||||
},
|
||||
handleClick(item) {
|
||||
window.console.log(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;
|
||||
}
|
||||
.btn {
|
||||
color: #007aff;
|
||||
|
||||
margin: 10rpx;
|
||||
border-color: blue;
|
||||
background-color: #F5F5F5;
|
||||
}
|
||||
.line {
|
||||
width: 100%;
|
||||
height: 5rpx;
|
||||
background-color: #E6E6E6;
|
||||
}
|
||||
.line2 {
|
||||
width: 100%;
|
||||
height: 5rpx;
|
||||
background-color: #F5F5F5;
|
||||
}
|
||||
.line3 {
|
||||
width: 100%;
|
||||
height: 30rpx;
|
||||
}
|
||||
.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;
|
||||
}
|
||||
.button-sp-area {
|
||||
margin: 0 auto;
|
||||
width: 80%;
|
||||
text-align: center;
|
||||
}
|
||||
.mini-btn {
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user