|
|
@@ -3,29 +3,30 @@
|
|
|
<view class="remarks-content-club" @click="handleClickClunInfo">
|
|
|
<view class="content-club-le">
|
|
|
<view class="club-le-text">
|
|
|
- <text class="label">机构名称：</text>
|
|
|
- <text class="text">{{ clubInfo.name }}</text>
|
|
|
+ <text class="label">机构名称：</text> <text class="text">{{ clubInfo.name }}</text>
|
|
|
</view>
|
|
|
<view class="club-le-text">
|
|
|
- <text class="label">联系人：</text>
|
|
|
- <text class="text">{{ clubInfo.linkMan }}</text>
|
|
|
- <text class="label phone">手机号：</text>
|
|
|
- <text class="text">{{ clubInfo.contractMobile }}</text>
|
|
|
+ <text class="label">联系人：</text> <text class="text">{{ clubInfo.linkMan }}</text>
|
|
|
+ <text class="label phone">手机号：</text> <text class="text">{{ clubInfo.contractMobile }}</text>
|
|
|
</view>
|
|
|
<view class="club-le-text">
|
|
|
<text class="label">地址：</text>
|
|
|
- <text class="text">{{ clubInfo.provincialAddress }}{{ clubInfo.address }}</text>
|
|
|
+ <text class="text">{{ clubInfo.provincialAddress }}{{ clubInfo.address }}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="content-club-ri">
|
|
|
- <text class="iconfont icon-xiayibu"></text>
|
|
|
- </view>
|
|
|
+ <view class="content-club-ri"> <text class="iconfont icon-xiayibu"></text> </view>
|
|
|
</view>
|
|
|
<view class="remarks-content clearfix">
|
|
|
- <view class="list-view-title"> <view class="list-view-h1">文字备注</view> </view>
|
|
|
- <view class="remarks-textarea"> {{ remarksParams.remarks }} </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">关键词记录：</view> </view>
|
|
|
+ <view class="tui-remarks-content">
|
|
|
+ <text class="tui-remarks-span" v-for="(label, labelIndex) in remarksParams.remarks" :key="labelIndex">
|
|
|
+ {{ label }}
|
|
|
+ </text>
|
|
|
+ </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">
|
|
|
<image
|
|
|
:src="image"
|
|
|
@@ -34,12 +35,19 @@
|
|
|
></image>
|
|
|
</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="input">{{ file.fileName }}</view>
|
|
|
<view class="delbtn" @click.stop="previewFile(file)">预览</view>
|
|
|
- <!-- <view class="delbtn down" @click.stop="previewFile(file)">下载</view> -->
|
|
|
+ <!-- <view class="delbtn down" @click.stop="downloadFile(file)">下载</view> -->
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -58,9 +66,9 @@ export default {
|
|
|
isIphoneX: this.$store.state.isIphoneX,
|
|
|
productActions: [],
|
|
|
remarksParams: {},
|
|
|
- remarksId:0,
|
|
|
- clubUserId:0,
|
|
|
- clubInfo:{},
|
|
|
+ remarksId: 0,
|
|
|
+ clubUserId: 0,
|
|
|
+ clubInfo: {},
|
|
|
userInfo: {}
|
|
|
}
|
|
|
},
|
|
|
@@ -106,61 +114,82 @@ export default {
|
|
|
longPressActions: ''
|
|
|
})
|
|
|
},
|
|
|
- previewFile(file){//预览文件
|
|
|
+ previewFile(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
|
|
|
+ // 打开文件
|
|
|
+ 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()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ downloadFile(file) {
|
|
|
+ let self = this
|
|
|
+ // 下载文件
|
|
|
+ wx.downloadFile({
|
|
|
+ url: file.fileUrl,
|
|
|
+ success (res) {
|
|
|
+ console.log('保存文件路勁============>',res.tempFilePath)
|
|
|
+ wx.saveFile({
|
|
|
+ tempFilePath: res.tempFilePath,
|
|
|
+ success (res) {
|
|
|
+ self.$util.msg('下载成功', 2000)
|
|
|
+ setTimeout(()=>{
|
|
|
+ self.openDocument(file)
|
|
|
+ },2000)
|
|
|
+ },
|
|
|
+ fail(error){
|
|
|
+ self.$util.msg('下载失败', 2000)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ })
|
|
|
},
|
|
|
- handleClickClunInfo(){
|
|
|
+ handleClickClunInfo() {
|
|
|
//修改机构资料
|
|
|
- if(this.userInfo.userIdentity === 2){
|
|
|
+ if (this.userInfo.userIdentity === 2) {
|
|
|
this.$api.navigateTo(`/pages/seller/login/apply?userID=${this.userInfo.userId}`)
|
|
|
- }else if(this.userInfo.userIdentity === 4){
|
|
|
+ } else if (this.userInfo.userIdentity === 4) {
|
|
|
this.$api.navigateTo(`/pages/seller/login/information?userID=${this.userInfo.userId}`)
|
|
|
}
|
|
|
}
|
|
|
@@ -174,36 +203,36 @@ page {
|
|
|
height: auto;
|
|
|
background: #ffffff;
|
|
|
}
|
|
|
-.remarks-content-club{
|
|
|
+.remarks-content-club {
|
|
|
width: 100%;
|
|
|
height: 252rpx;
|
|
|
padding: 24rpx;
|
|
|
box-sizing: border-box;
|
|
|
- border-bottom: 20rpx solid #F7F7F7;
|
|
|
- .content-club-le{
|
|
|
+ border-bottom: 20rpx solid #f7f7f7;
|
|
|
+ .content-club-le {
|
|
|
width: 660rpx;
|
|
|
float: left;
|
|
|
- .club-le-text{
|
|
|
+ .club-le-text {
|
|
|
width: 100%;
|
|
|
height: 60rpx;
|
|
|
line-height: 60rpx;
|
|
|
font-size: $font-size-28;
|
|
|
color: #333333;
|
|
|
- .label{
|
|
|
+ .label {
|
|
|
color: #999999;
|
|
|
- &.phone{
|
|
|
+ &.phone {
|
|
|
margin-left: 48rpx;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
- .content-club-ri{
|
|
|
+ .content-club-ri {
|
|
|
width: 40rpx;
|
|
|
height: 160rpx;
|
|
|
float: right;
|
|
|
line-height: 160rpx;
|
|
|
text-align: center;
|
|
|
- color: #B2B2B2;
|
|
|
+ color: #b2b2b2;
|
|
|
}
|
|
|
}
|
|
|
.remarks-content {
|
|
|
@@ -224,19 +253,26 @@ page {
|
|
|
text-align: left;
|
|
|
}
|
|
|
}
|
|
|
- .remarks-textarea {
|
|
|
+ .tui-remarks-content {
|
|
|
width: 100%;
|
|
|
- height: 340rpx;
|
|
|
- padding: 16rpx;
|
|
|
- margin: 20rpx 0 0 0;
|
|
|
- border-radius: 6rpx;
|
|
|
- position: relative;
|
|
|
- border: 1px solid #b2b2b2;
|
|
|
- box-sizing: border-box;
|
|
|
- overflow-y: scroll;
|
|
|
- line-height: 38rpx;
|
|
|
- font-size: $font-size-26;
|
|
|
- color: #333333;
|
|
|
+ height: auto;
|
|
|
+ margin-bottom: 24rpx;
|
|
|
+ .tui-remarks-span{
|
|
|
+ height: 48rpx;
|
|
|
+ line-height: 48rpx;
|
|
|
+ text-align: center;
|
|
|
+ padding: 0 20rpx;
|
|
|
+ background-color: #FEF6F3;
|
|
|
+ font-size: $font-size-26;
|
|
|
+ color: #E15616;
|
|
|
+ border-radius: 25rpx;
|
|
|
+ display: inline-block;
|
|
|
+ margin-right:24rpx;
|
|
|
+ margin-bottom: 24rpx;
|
|
|
+ &:nth-child(4n){
|
|
|
+ margin-right: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
.list-view {
|
|
|
width: 100%;
|
|
|
@@ -260,7 +296,7 @@ page {
|
|
|
float: left;
|
|
|
font-size: 26rpx;
|
|
|
}
|
|
|
- .delbtn{
|
|
|
+ .delbtn {
|
|
|
width: 96rpx;
|
|
|
height: 44rpx;
|
|
|
font-size: $font-size-24;
|
|
|
@@ -268,8 +304,8 @@ page {
|
|
|
line-height: 44rpx;
|
|
|
text-align: center;
|
|
|
float: left;
|
|
|
- &.down{
|
|
|
- color: #1890F9;
|
|
|
+ &.down {
|
|
|
+ color: #1890f9;
|
|
|
}
|
|
|
}
|
|
|
}
|
