|
@@ -2,21 +2,50 @@
|
|
<view class="container qualifications" :style="{ paddingBottom: isIphoneX ? '68rpx' : '0' }">
|
|
<view class="container qualifications" :style="{ paddingBottom: isIphoneX ? '68rpx' : '0' }">
|
|
<view class="remarks-content">
|
|
<view class="remarks-content">
|
|
<view class="list-view-title">
|
|
<view class="list-view-title">
|
|
- <view class="list-view-h1">咨询人:<text>{{ remarksParams.questionMan }}</text></view>
|
|
|
|
|
|
+ <view class="list-view-h1"
|
|
|
|
+ >咨询人:<text>{{ remarksParams.questionMan }}</text></view
|
|
|
|
+ >
|
|
|
|
+ </view>
|
|
|
|
+ <view class="list-view-title">
|
|
|
|
+ <view class="list-view-h1"
|
|
|
|
+ >咨询类别:{{ remarksParams.consultBack ? remarksParams.consultBack : '无' }}</view
|
|
|
|
+ >
|
|
|
|
+ </view>
|
|
|
|
+ <view class="list-view-title">
|
|
|
|
+ <view class="list-view-h1">
|
|
|
|
+ 机构类型:<text>{{ remarksParams.clubType ? remarksParams.clubType : '无' }}</text>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
- <view class="list-view-title"> <view class="list-view-h1">咨询类别:{{ remarksParams.consultBack ? remarksParams.consultBack : '无' }}</view> </view>
|
|
|
|
<view class="list-view-title"> <view class="list-view-h1">关键词记录:</view> </view>
|
|
<view class="list-view-title"> <view class="list-view-h1">关键词记录:</view> </view>
|
|
<view class="tui-remarks-content">
|
|
<view class="tui-remarks-content">
|
|
<text class="tui-remarks-span" v-for="(label, labelIndex) in remarksParams.remarks" :key="labelIndex">
|
|
<text class="tui-remarks-span" v-for="(label, labelIndex) in remarksParams.remarks" :key="labelIndex">
|
|
- {{ label }}
|
|
|
|
|
|
+ {{ label.label }}
|
|
</text>
|
|
</text>
|
|
</view>
|
|
</view>
|
|
- <view class="list-view-title"> <view class="list-view-h1">价格敏感度:<text>{{ remarksParams.questionMan }}</text> </view> </view>
|
|
|
|
- <view class="list-view-title"> <view class="list-view-h1">意向程度:<text>{{ remarksParams.questionMan }}</text></view> </view>
|
|
|
|
- <view class="list-view-title"> <view class="list-view-h1">跟进状态:<text>{{ remarksParams.questionMan }}</text></view> </view>
|
|
|
|
- <view class="list-view-title"> <view class="list-view-h1">额外说明:<text>{{ remarksParams.questionMan }}</text></view> </view>
|
|
|
|
- <view class="list-view-title" v-if="remarksParams.imageList.length>0"> <view class="list-view-h1">图片</view> </view>
|
|
|
|
- <view class="list-view-upload clearfix" v-if="remarksParams.imageList.length>0">
|
|
|
|
|
|
+ <view class="list-view-title">
|
|
|
|
+ <view class="list-view-h1"
|
|
|
|
+ >价格敏感度:<text>{{ remarksParams.pinceSensitve | pinceFilters }}</text>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="list-view-title">
|
|
|
|
+ <view class="list-view-h1"
|
|
|
|
+ >意向程度:<text>{{ remarksParams.satisfied | intenActionsFilters }}</text></view
|
|
|
|
+ >
|
|
|
|
+ </view>
|
|
|
|
+ <view class="list-view-title">
|
|
|
|
+ <view class="list-view-h1"
|
|
|
|
+ >跟进状态:<text>{{ remarksParams.followup | followupFilters }}</text></view
|
|
|
|
+ >
|
|
|
|
+ </view>
|
|
|
|
+ <view class="list-view-title">
|
|
|
|
+ <view class="list-view-h1"
|
|
|
|
+ >额外说明:<text>{{ remarksParams.extra ? remarksParams.extra : '无' }}</text></view
|
|
|
|
+ >
|
|
|
|
+ </view>
|
|
|
|
+ <view class="list-view-title" v-if="remarksParams.imageList.length > 0">
|
|
|
|
+ <view class="list-view-h1">图片</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="list-view-upload clearfix" v-if="remarksParams.imageList.length > 0">
|
|
<view class="photo-item" v-for="(image, imageIndex) in remarksParams.imageList" :key="imageIndex">
|
|
<view class="photo-item" v-for="(image, imageIndex) in remarksParams.imageList" :key="imageIndex">
|
|
<image
|
|
<image
|
|
:src="image"
|
|
:src="image"
|
|
@@ -25,8 +54,15 @@
|
|
></image>
|
|
></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="list-view-title" v-if="remarksParams.fileList.length>0"> <view class="list-view-h1">文件</view> </view>
|
|
|
|
- <view class="list-view" v-for="(file, fileIndex) in remarksParams.fileList" :key="fileIndex" v-if="remarksParams.fileList.length>0">
|
|
|
|
|
|
+ <view class="list-view-title" v-if="remarksParams.fileList.length > 0">
|
|
|
|
+ <view class="list-view-h1">文件</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view
|
|
|
|
+ class="list-view"
|
|
|
|
+ v-for="(file, fileIndex) in remarksParams.fileList"
|
|
|
|
+ :key="fileIndex"
|
|
|
|
+ v-if="remarksParams.fileList.length > 0"
|
|
|
|
+ >
|
|
<view class="list-view-text">
|
|
<view class="list-view-text">
|
|
<view class="input">{{ file.fileName }}</view>
|
|
<view class="input">{{ file.fileName }}</view>
|
|
<view class="delbtn" @click.stop="previewFile(file)">预览</view>
|
|
<view class="delbtn" @click.stop="previewFile(file)">预览</view>
|
|
@@ -49,8 +85,8 @@ export default {
|
|
isIphoneX: this.$store.state.isIphoneX,
|
|
isIphoneX: this.$store.state.isIphoneX,
|
|
productActions: [],
|
|
productActions: [],
|
|
remarksParams: {},
|
|
remarksParams: {},
|
|
- remarksId:0,
|
|
|
|
- categorys:'产品,二手,耗材'
|
|
|
|
|
|
+ remarksId: 0,
|
|
|
|
+ categorys: '产品,二手,耗材'
|
|
}
|
|
}
|
|
},
|
|
},
|
|
onLoad(option) {
|
|
onLoad(option) {
|
|
@@ -58,6 +94,37 @@ export default {
|
|
this.remarksId = option.remarksId
|
|
this.remarksId = option.remarksId
|
|
this.getUserRemarksVisitDetail()
|
|
this.getUserRemarksVisitDetail()
|
|
},
|
|
},
|
|
|
|
+ filters: {
|
|
|
|
+ followupFilters(value) {
|
|
|
|
+ // 订单来源
|
|
|
|
+ const map = {
|
|
|
|
+ 1: '跟进中',
|
|
|
|
+ 2: '跟进完成',
|
|
|
|
+ 3: '已放弃'
|
|
|
|
+ }
|
|
|
|
+ return map[value]
|
|
|
|
+ },
|
|
|
|
+ pinceFilters(value) {
|
|
|
|
+ // 意向
|
|
|
|
+ const map = {
|
|
|
|
+ 1: '敏感',
|
|
|
|
+ 2: '适中',
|
|
|
|
+ 3: '不敏感',
|
|
|
|
+ 4: '不明确'
|
|
|
|
+ }
|
|
|
|
+ return map[value]
|
|
|
|
+ },
|
|
|
|
+ intenActionsFilters(value) {
|
|
|
|
+ // 意向
|
|
|
|
+ const map = {
|
|
|
|
+ 1: '意向强烈',
|
|
|
|
+ 2: '意向一般',
|
|
|
|
+ 3: '意向平淡',
|
|
|
|
+ 4: '随便看看'
|
|
|
|
+ }
|
|
|
|
+ return map[value]
|
|
|
|
+ }
|
|
|
|
+ },
|
|
methods: {
|
|
methods: {
|
|
...mapMutations(['login']),
|
|
...mapMutations(['login']),
|
|
getUserRemarksVisitDetail() {
|
|
getUserRemarksVisitDetail() {
|
|
@@ -82,56 +149,58 @@ export default {
|
|
longPressActions: ''
|
|
longPressActions: ''
|
|
})
|
|
})
|
|
},
|
|
},
|
|
- previewFile(file){//预览文件
|
|
|
|
|
|
+ previewFile(file) {
|
|
|
|
+ //预览文件
|
|
this.openDocument(file)
|
|
this.openDocument(file)
|
|
},
|
|
},
|
|
- openDocument(file) {// 打开文档
|
|
|
|
- uni.showLoading({
|
|
|
|
- title:'加载中'
|
|
|
|
- })
|
|
|
|
- // 获取文件后缀
|
|
|
|
- const index = file.fileName.lastIndexOf('.')
|
|
|
|
- const suffix = file.fileName.substring(index + 1)
|
|
|
|
- // 下载文件
|
|
|
|
- uni.downloadFile({
|
|
|
|
- url: file.fileUrl,
|
|
|
|
- success(res) {
|
|
|
|
- const filePath = res.tempFilePath
|
|
|
|
- console.log(filePath)
|
|
|
|
- // 打开文件
|
|
|
|
- uni.openDocument({
|
|
|
|
- filePath: filePath,
|
|
|
|
- fileType: suffix,
|
|
|
|
- success(res) {
|
|
|
|
- uni.showToast({
|
|
|
|
- icon:'success',
|
|
|
|
- title:'打开成功',
|
|
|
|
- duration: 1200
|
|
|
|
- })
|
|
|
|
- uni.hideLoading()
|
|
|
|
- },
|
|
|
|
- fail(err) {
|
|
|
|
- if(err.errMsg.indexOf('fail filetype not supported')){
|
|
|
|
- uni.showModal({
|
|
|
|
- content: '不支持的文件预览',
|
|
|
|
- cancelColor: '#666',
|
|
|
|
- confirmColor: '#E15616'
|
|
|
|
- })
|
|
|
|
- }
|
|
|
|
- uni.hideLoading()
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
- fail(err){
|
|
|
|
- uni.showToast({
|
|
|
|
- title: JSON.stringify(err),
|
|
|
|
- icon:'none',
|
|
|
|
- duration: 5000
|
|
|
|
- })
|
|
|
|
- uni.hideLoading()
|
|
|
|
- },
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
|
|
+ openDocument(file) {
|
|
|
|
+ // 打开文档
|
|
|
|
+ uni.showLoading({
|
|
|
|
+ title: '加载中'
|
|
|
|
+ })
|
|
|
|
+ // 获取文件后缀
|
|
|
|
+ const index = file.fileName.lastIndexOf('.')
|
|
|
|
+ const suffix = file.fileName.substring(index + 1)
|
|
|
|
+ // 下载文件
|
|
|
|
+ uni.downloadFile({
|
|
|
|
+ url: file.fileUrl,
|
|
|
|
+ success(res) {
|
|
|
|
+ const filePath = res.tempFilePath
|
|
|
|
+ console.log(filePath)
|
|
|
|
+ // 打开文件
|
|
|
|
+ uni.openDocument({
|
|
|
|
+ filePath: filePath,
|
|
|
|
+ fileType: suffix,
|
|
|
|
+ success(res) {
|
|
|
|
+ uni.showToast({
|
|
|
|
+ icon: 'success',
|
|
|
|
+ title: '打开成功',
|
|
|
|
+ duration: 1200
|
|
|
|
+ })
|
|
|
|
+ uni.hideLoading()
|
|
|
|
+ },
|
|
|
|
+ fail(err) {
|
|
|
|
+ if (err.errMsg.indexOf('fail filetype not supported')) {
|
|
|
|
+ uni.showModal({
|
|
|
|
+ content: '不支持的文件预览',
|
|
|
|
+ cancelColor: '#666',
|
|
|
|
+ confirmColor: '#E15616'
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ uni.hideLoading()
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ fail(err) {
|
|
|
|
+ uni.showToast({
|
|
|
|
+ title: JSON.stringify(err),
|
|
|
|
+ icon: 'none',
|
|
|
|
+ duration: 5000
|
|
|
|
+ })
|
|
|
|
+ uni.hideLoading()
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ }
|
|
},
|
|
},
|
|
onShow() {}
|
|
onShow() {}
|
|
}
|
|
}
|
|
@@ -159,7 +228,7 @@ page {
|
|
color: #333333;
|
|
color: #333333;
|
|
text-align: left;
|
|
text-align: left;
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
- text{
|
|
|
|
|
|
+ text {
|
|
color: #666666;
|
|
color: #666666;
|
|
font-weight: normal;
|
|
font-weight: normal;
|
|
}
|
|
}
|
|
@@ -169,19 +238,19 @@ page {
|
|
width: 100%;
|
|
width: 100%;
|
|
height: auto;
|
|
height: auto;
|
|
margin-bottom: 24rpx;
|
|
margin-bottom: 24rpx;
|
|
- .tui-remarks-span{
|
|
|
|
|
|
+ .tui-remarks-span {
|
|
height: 48rpx;
|
|
height: 48rpx;
|
|
line-height: 48rpx;
|
|
line-height: 48rpx;
|
|
text-align: center;
|
|
text-align: center;
|
|
padding: 0 20rpx;
|
|
padding: 0 20rpx;
|
|
- background-color: #F7F7F7;
|
|
|
|
|
|
+ background-color: #f7f7f7;
|
|
font-size: $font-size-26;
|
|
font-size: $font-size-26;
|
|
color: #666666;
|
|
color: #666666;
|
|
border-radius: 25rpx;
|
|
border-radius: 25rpx;
|
|
display: inline-block;
|
|
display: inline-block;
|
|
- margin-right:24rpx;
|
|
|
|
|
|
+ margin-right: 24rpx;
|
|
margin-bottom: 24rpx;
|
|
margin-bottom: 24rpx;
|
|
- &:nth-child(4n){
|
|
|
|
|
|
+ &:nth-child(4n) {
|
|
margin-right: none;
|
|
margin-right: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -208,7 +277,7 @@ page {
|
|
float: left;
|
|
float: left;
|
|
font-size: 26rpx;
|
|
font-size: 26rpx;
|
|
}
|
|
}
|
|
- .delbtn{
|
|
|
|
|
|
+ .delbtn {
|
|
width: 96rpx;
|
|
width: 96rpx;
|
|
height: 44rpx;
|
|
height: 44rpx;
|
|
border-radius: 8rpx;
|
|
border-radius: 8rpx;
|
|
@@ -217,8 +286,8 @@ page {
|
|
line-height: 44rpx;
|
|
line-height: 44rpx;
|
|
text-align: center;
|
|
text-align: center;
|
|
float: left;
|
|
float: left;
|
|
- &.down{
|
|
|
|
- color: #1890F9;
|
|
|
|
|
|
+ &.down {
|
|
|
|
+ color: #1890f9;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|