|
@@ -10,20 +10,24 @@
|
|
confirm-type="search"
|
|
confirm-type="search"
|
|
v-model="listQuery.keyWord"
|
|
v-model="listQuery.keyWord"
|
|
@input="onShowClose"
|
|
@input="onShowClose"
|
|
- @confirm="GetProductListInfo"
|
|
|
|
|
|
+ @confirm="getUserClubVisitorRecordlist"
|
|
placeholder="搜索关键词"
|
|
placeholder="搜索关键词"
|
|
maxlength="16"
|
|
maxlength="16"
|
|
/>
|
|
/>
|
|
<text class="iconfont icon-shanchu1" v-if="isShowClose" @click="delInputText()"></text>
|
|
<text class="iconfont icon-shanchu1" v-if="isShowClose" @click="delInputText()"></text>
|
|
</view>
|
|
</view>
|
|
|
|
+ <view class="search-screen" @click="showScreenDrawer">
|
|
|
|
+ <text class="iconfont icon-gengduo1"></text>
|
|
|
|
+ 筛选
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
- <view class="search-from-title"> 咨询人:{{ questionMan }} </view>
|
|
|
|
</view>
|
|
</view>
|
|
- <view class="remarks-content" :style="{ paddingBottom: isIphoneX ? '182rpx' : '148rpx' }">
|
|
|
|
|
|
+ <view class="remarks-content" :style="{ paddingBottom: isIphoneX ? '220rpx' : '148rpx' }">
|
|
<view :class="{ 'tui-order-list': scrollTop >= 0 }" class="clearfix">
|
|
<view :class="{ 'tui-order-list': scrollTop >= 0 }" class="clearfix">
|
|
<!-- 空白页 -->
|
|
<!-- 空白页 -->
|
|
<view class="empty-container" v-if="isEmpty">
|
|
<view class="empty-container" v-if="isEmpty">
|
|
- <text class="error-text">点击下方添加按钮开始记录吧~</text>
|
|
|
|
|
|
+ <image class="empty-container-image" :src="StaticUrl + '/icon/icon-remarks-empty@2x.png'"></image>
|
|
|
|
+ <text class="error-text">暂无任何记录~</text>
|
|
</view>
|
|
</view>
|
|
<template v-else>
|
|
<template v-else>
|
|
<!-- 列表 -->
|
|
<!-- 列表 -->
|
|
@@ -33,7 +37,23 @@
|
|
:key="index"
|
|
:key="index"
|
|
@click.stop="details(remark.remarksId)"
|
|
@click.stop="details(remark.remarksId)"
|
|
>
|
|
>
|
|
- <view class="tui-remarks-title">{{ remark.addDate }}</view>
|
|
|
|
|
|
+ <view class="tui-remarks-title">
|
|
|
|
+ <view class="tui-remarks-title-top">
|
|
|
|
+ <view class="tui-remarks-time tt">记录人:{{ remark.recordName }}</view>
|
|
|
|
+ <view class="tui-remarks-time sm">{{ remark.addDate }}</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="tui-remarks-title-bot">
|
|
|
|
+ <view class="tui-remarks-text y">管理员:{{ remark.leaderName ? remark.leaderName : '' }}</view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="tui-remarks-name">
|
|
|
|
+ <view class="tui-remarks-name-text h">
|
|
|
|
+ 咨询人:{{ remark.questionMan ? remark.questionMan : '' }}
|
|
|
|
+ </view>
|
|
|
|
+ <view class="tui-remarks-name-text y">
|
|
|
|
+ 咨询类别:{{ remark.consultBack ? remark.consultBack : '无' }}
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
<view class="tui-remarks-content">
|
|
<view class="tui-remarks-content">
|
|
<text
|
|
<text
|
|
class="tui-remarks-span"
|
|
class="tui-remarks-span"
|
|
@@ -43,7 +63,7 @@
|
|
{{ label }}
|
|
{{ label }}
|
|
</text>
|
|
</text>
|
|
</view>
|
|
</view>
|
|
- <view class="tui-remarks-button">
|
|
|
|
|
|
+ <view class="tui-remarks-button" v-if="remark.serviceProviderId === listQuery.serviceProviderId">
|
|
<view class="btn edit" @click.stop="handEditRemark(remark.remarksId)">修改</view>
|
|
<view class="btn edit" @click.stop="handEditRemark(remark.remarksId)">修改</view>
|
|
<view class="btn del" @click.stop="deleteRemark(remark.remarksId)">删除</view>
|
|
<view class="btn del" @click.stop="deleteRemark(remark.remarksId)">删除</view>
|
|
</view>
|
|
</view>
|
|
@@ -60,22 +80,31 @@
|
|
<view class="tui-popup-box clearfix">
|
|
<view class="tui-popup-box clearfix">
|
|
<view class="tui-right-flex tui-popup-btn" :style="{ paddingBottom: isIphoneX ? '68rpx' : '34rpx' }">
|
|
<view class="tui-right-flex tui-popup-btn" :style="{ paddingBottom: isIphoneX ? '68rpx' : '34rpx' }">
|
|
<view class="tui-flex-1">
|
|
<view class="tui-flex-1">
|
|
- <view class="tui-button" :class="isEmpty ? 'disabled' : 'cancel'" @click="handleShowClubpopup"
|
|
|
|
- >同步至机构</view
|
|
|
|
|
|
+ <view class="tui-button" :class="isEmpty ? 'disabled' : 'cancel'" @click="handleShowFereepopup"
|
|
|
|
+ >添加记录</view
|
|
>
|
|
>
|
|
- <view class="tui-button confirm" @click="handleAddRecord">添加画像</view>
|
|
|
|
|
|
+ <view class="tui-button confirm" @click="handleAddRecord">新增咨询人</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="tui-flex-1">
|
|
|
|
+ <view class="tui-button-text" @click="handleShowClubpopup">同步记录至机构 ></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</tui-bottom-popup>
|
|
</tui-bottom-popup>
|
|
- <!-- 添加记录 -->
|
|
|
|
- <cm-clubpopup
|
|
|
|
- ref="clubpopup"
|
|
|
|
- v-if="isClubpopupShow"
|
|
|
|
- :show="isClubpopupShow"
|
|
|
|
- @handleChoiceaClub="handleChoiceaClubData"
|
|
|
|
- >
|
|
|
|
|
|
+ <!-- 筛选抽屉 -->
|
|
|
|
+ <cm-screenDrawer ref="screendrawer"
|
|
|
|
+ :rightDrawer="isScreenDrawer"
|
|
|
|
+ @handSearchConfirm="handSearchConfirmData">
|
|
|
|
+ </cm-screenDrawer>
|
|
</cm-clubpopup>
|
|
</cm-clubpopup>
|
|
|
|
+ <!-- 咨询人列表弹窗 -->
|
|
|
|
+ <cm-refereepopup
|
|
|
|
+ ref="cmrefereepopup"
|
|
|
|
+ v-if="isClubConsultShow"
|
|
|
|
+ :show="isClubConsultShow"
|
|
|
|
+ @handleChoiceaConsult="handleChoiceaConsultData"
|
|
|
|
+ >
|
|
|
|
+ </cm-refereepopup>
|
|
<!-- 弹窗提示 -->
|
|
<!-- 弹窗提示 -->
|
|
<tui-modal
|
|
<tui-modal
|
|
:show="modal"
|
|
:show="modal"
|
|
@@ -89,24 +118,39 @@
|
|
:maskClosable="false"
|
|
:maskClosable="false"
|
|
>
|
|
>
|
|
</tui-modal>
|
|
</tui-modal>
|
|
|
|
+ <!-- 操作弹窗 -->
|
|
|
|
+ <cm-clubmodal
|
|
|
|
+ ref="clubModal"
|
|
|
|
+ v-if="isClubModalShow"
|
|
|
|
+ :show="isClubModalShow"
|
|
|
|
+ :modalType="2"
|
|
|
|
+ @handleChoiceaText="handleChoiceaTextData"
|
|
|
|
+ >
|
|
|
|
+ </cm-clubmodal>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
<script>
|
|
<script>
|
|
-import tuiLoadmore from '@/components/tui-components/loadmore/loadmore'
|
|
|
|
-import tuiNomore from '@/components/tui-components/nomore/nomore'
|
|
|
|
-import cmClubpopup from '@/components/cm-module/cm-seller/cm-clubpopup'
|
|
|
|
-
|
|
|
|
import { mapState, mapMutations } from 'vuex'
|
|
import { mapState, mapMutations } from 'vuex'
|
|
|
|
+import cmRefereepopup from '@/components/cm-module/cm-seller/cm-refereepopup'
|
|
|
|
+import cmClubmodal from '@/components/cm-module/cm-seller/cm-clubmodal'
|
|
|
|
+import cmScreenDrawer from '@/components/cm-module/cm-seller/cm-screen-drawer'
|
|
|
|
+
|
|
const defaultListQuery = {
|
|
const defaultListQuery = {
|
|
- questionManId: 0,
|
|
|
|
|
|
+ startAddTime:'',
|
|
|
|
+ endAddTime:'',
|
|
|
|
+ consult:'',
|
|
|
|
+ leaderId:0,
|
|
|
|
+ groupId:0,
|
|
|
|
+ manager:0,
|
|
|
|
+ serviceProviderId: 0,
|
|
pageNum: 1,
|
|
pageNum: 1,
|
|
pageSize: 10
|
|
pageSize: 10
|
|
}
|
|
}
|
|
export default {
|
|
export default {
|
|
components: {
|
|
components: {
|
|
- tuiLoadmore,
|
|
|
|
- tuiNomore,
|
|
|
|
- cmClubpopup
|
|
|
|
|
|
+ cmRefereepopup,
|
|
|
|
+ cmClubmodal,
|
|
|
|
+ cmScreenDrawer
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
@@ -145,7 +189,9 @@ export default {
|
|
questionMan: '',
|
|
questionMan: '',
|
|
questionManId: '',
|
|
questionManId: '',
|
|
handleRemarksId: 0,
|
|
handleRemarksId: 0,
|
|
- isClubpopupShow: false
|
|
|
|
|
|
+ isClubConsultShow:false,
|
|
|
|
+ isClubModalShow: false,
|
|
|
|
+ isScreenDrawer:false,
|
|
}
|
|
}
|
|
},
|
|
},
|
|
onLoad(option) {
|
|
onLoad(option) {
|
|
@@ -165,13 +211,14 @@ export default {
|
|
methods: {
|
|
methods: {
|
|
...mapMutations(['login', 'logout']),
|
|
...mapMutations(['login', 'logout']),
|
|
async init() {
|
|
async init() {
|
|
- const VisitorInfo = await this.$api.getComStorage('VisitorInfo')
|
|
|
|
- this.questionMan = VisitorInfo.questionMan
|
|
|
|
- this.listQuery.questionManId = VisitorInfo.questionManId
|
|
|
|
- this.GetProductListInfo()
|
|
|
|
- this.$api.removeStorage('VisitorInfo')
|
|
|
|
|
|
+ const userInfo = await this.$api.getStorage()
|
|
|
|
+ this.listQuery.serviceProviderId = userInfo.serviceProviderId ? userInfo.serviceProviderId : 0
|
|
|
|
+ // const VisitorInfo = await this.$api.getComStorage('VisitorInfo')
|
|
|
|
+ // this.questionMan = VisitorInfo.questionMan
|
|
|
|
+ // this.listQuery.questionManId = VisitorInfo.questionManId
|
|
|
|
+ this.getUserClubVisitorRecordlist()
|
|
},
|
|
},
|
|
- GetProductListInfo() {
|
|
|
|
|
|
+ getUserClubVisitorRecordlist() {
|
|
this.remarksList = []
|
|
this.remarksList = []
|
|
this.listQuery.pageNum = 1
|
|
this.listQuery.pageNum = 1
|
|
this.UserService.getUserClubVisitorRecordlist(this.listQuery)
|
|
this.UserService.getUserClubVisitorRecordlist(this.listQuery)
|
|
@@ -204,7 +251,7 @@ export default {
|
|
this.isRequest = true
|
|
this.isRequest = true
|
|
})
|
|
})
|
|
.catch(error => {
|
|
.catch(error => {
|
|
- this.$util.msg(error.msg, 2000)
|
|
|
|
|
|
+ console.log('=======>查询列表异常~')
|
|
})
|
|
})
|
|
},
|
|
},
|
|
GetOnReachBottomData(index) {
|
|
GetOnReachBottomData(index) {
|
|
@@ -231,7 +278,7 @@ export default {
|
|
}
|
|
}
|
|
})
|
|
})
|
|
.catch(error => {
|
|
.catch(error => {
|
|
- this.$util.msg(error.msg, 2000)
|
|
|
|
|
|
+ console.log('=======>查询列表异常~')
|
|
})
|
|
})
|
|
},
|
|
},
|
|
deleteRemark(remarksId) {
|
|
deleteRemark(remarksId) {
|
|
@@ -241,44 +288,58 @@ export default {
|
|
},
|
|
},
|
|
handEditRemark(remarksId) {
|
|
handEditRemark(remarksId) {
|
|
//跳转修改画像
|
|
//跳转修改画像
|
|
- this.$api.redirectTo(`/pages/seller/remarks/add-record?type=edit&remarksId=${remarksId}&questionMan=${
|
|
|
|
|
|
+ this.$api.navigateTo(`/pages/seller/remarks/add-record?type=edit&remarksId=${remarksId}&questionMan=${
|
|
this.questionMan
|
|
this.questionMan
|
|
}`)
|
|
}`)
|
|
},
|
|
},
|
|
- handleAllUnder() {
|
|
|
|
- //跳转添加资料备注
|
|
|
|
- this.$api.navigateTo('/pages/seller/remarks/customer-list')
|
|
|
|
|
|
+ handSearchConfirmData(data){
|
|
|
|
+ //确定筛选
|
|
|
|
+ this.listQuery.startAddTime = data.startAddTime
|
|
|
|
+ this.listQuery.endAddTime = data.endAddTime
|
|
|
|
+ this.listQuery.consult = data.consult
|
|
|
|
+ this.listQuery.leaderId = data.leaderId
|
|
|
|
+ this.listQuery.groupId = data.groupId
|
|
|
|
+ console.log('确定筛选',this.listQuery)
|
|
|
|
+ this.getUserClubVisitorRecordlist()
|
|
},
|
|
},
|
|
handleShowClubpopup() {
|
|
handleShowClubpopup() {
|
|
- if (this.isEmpty) {
|
|
|
|
- return
|
|
|
|
- }
|
|
|
|
- this.isClubpopupShow = true
|
|
|
|
|
|
+ //跳转选择咨询人
|
|
|
|
+ this.$api.navigateTo('/pages/seller/remarks/customer-list')
|
|
},
|
|
},
|
|
- handleChoiceaClubData(data) {// 同步至机构
|
|
|
|
- console.log(data)
|
|
|
|
- this.UserService.getUserRemarksConcactVisit(
|
|
|
|
- {
|
|
|
|
- clubId: data.clubId,
|
|
|
|
- questionManId:this.listQuery.questionManId
|
|
|
|
- }
|
|
|
|
- )
|
|
|
|
- .then(response => {
|
|
|
|
- this.$util.msg('同步成功', 2000, true, 'success')
|
|
|
|
- setTimeout(() => {
|
|
|
|
- this.$api.redirectTo('/pages/seller/remarks/list')
|
|
|
|
- }, 2000)
|
|
|
|
- })
|
|
|
|
- .catch(error => {
|
|
|
|
- this.$util.msg(error.msg, 2000)
|
|
|
|
- })
|
|
|
|
|
|
+ handleChoiceaConsultData(data){// 选择咨询人添加记录
|
|
|
|
+ //跳转添加记录
|
|
|
|
+ this.$api.navigateTo(`/pages/seller/remarks/add-record?type=add&questionManId=${data.questionManId}&questionMan=${
|
|
|
|
+ data.questionMan
|
|
|
|
+ }`)
|
|
},
|
|
},
|
|
- handleAddRecord() {
|
|
|
|
- this.$api.redirectTo(
|
|
|
|
- `/pages/seller/remarks/add-record?questionManId=${this.listQuery.questionManId}&questionMan=${
|
|
|
|
- this.questionMan
|
|
|
|
- }`
|
|
|
|
- )
|
|
|
|
|
|
+ handleAddRecord() {// 新增咨询人显示弹框
|
|
|
|
+ this.isClubModalShow = true
|
|
|
|
+ },
|
|
|
|
+ handleShowFereepopup(){// 显示咨询人弹窗
|
|
|
|
+ this.isClubConsultShow = true
|
|
|
|
+ },
|
|
|
|
+ handleChoiceaTextData(data) {// 新增咨询人监听时间
|
|
|
|
+ console.log('data',data)
|
|
|
|
+ this.handleSaveVisitor(data)
|
|
|
|
+ },
|
|
|
|
+ handleSaveVisitor(data) {
|
|
|
|
+ // 添加咨询人
|
|
|
|
+ this.UserService.getUserClubVisitorSave({
|
|
|
|
+ name: data,
|
|
|
|
+ serviceProviderId: this.listQuery.serviceProviderId
|
|
|
|
+ })
|
|
|
|
+ .then(response => {
|
|
|
|
+ setTimeout(() => {
|
|
|
|
+ this.$api.navigateTo(
|
|
|
|
+ `/pages/seller/remarks/add-record?questionManId=${response.data.questionManId}&questionMan=${
|
|
|
|
+ response.data.questionMan
|
|
|
|
+ }`
|
|
|
|
+ )
|
|
|
|
+ }, 1000)
|
|
|
|
+ })
|
|
|
|
+ .catch(error => {
|
|
|
|
+ console.log('=======>添加咨询人失败~')
|
|
|
|
+ })
|
|
},
|
|
},
|
|
handleClick(e) {
|
|
handleClick(e) {
|
|
//取消收藏
|
|
//取消收藏
|
|
@@ -295,13 +356,17 @@ export default {
|
|
.then(response => {
|
|
.then(response => {
|
|
this.$util.msg('已删除', 2000, true, 'success')
|
|
this.$util.msg('已删除', 2000, true, 'success')
|
|
setTimeout(() => {
|
|
setTimeout(() => {
|
|
- this.GetProductListInfo()
|
|
|
|
|
|
+ this.getUserClubVisitorRecordlist()
|
|
}, 2000)
|
|
}, 2000)
|
|
})
|
|
})
|
|
.catch(error => {
|
|
.catch(error => {
|
|
this.$util.msg(error.msg, 2000)
|
|
this.$util.msg(error.msg, 2000)
|
|
})
|
|
})
|
|
},
|
|
},
|
|
|
|
+ showScreenDrawer(){
|
|
|
|
+ //显示筛选抽屉
|
|
|
|
+ this.isScreenDrawer = true
|
|
|
|
+ },
|
|
onShowClose() {
|
|
onShowClose() {
|
|
//输入框失去焦点时触发
|
|
//输入框失去焦点时触发
|
|
if (this.listQuery.keyWord != '') {
|
|
if (this.listQuery.keyWord != '') {
|
|
@@ -309,7 +374,7 @@ export default {
|
|
} else {
|
|
} else {
|
|
this.isShowClose = false
|
|
this.isShowClose = false
|
|
this.listQuery.pageNum = 1
|
|
this.listQuery.pageNum = 1
|
|
- this.GetProductListInfo()
|
|
|
|
|
|
+ this.getUserClubVisitorRecordlist()
|
|
}
|
|
}
|
|
},
|
|
},
|
|
delInputText() {
|
|
delInputText() {
|
|
@@ -317,7 +382,7 @@ export default {
|
|
this.listQuery.keyWord = ''
|
|
this.listQuery.keyWord = ''
|
|
this.isShowClose = false
|
|
this.isShowClose = false
|
|
this.listQuery.pageNum = 1
|
|
this.listQuery.pageNum = 1
|
|
- this.GetProductListInfo()
|
|
|
|
|
|
+ this.getUserClubVisitorRecordlist()
|
|
},
|
|
},
|
|
hideMobel() {
|
|
hideMobel() {
|
|
this.modal = false
|
|
this.modal = false
|
|
@@ -359,25 +424,13 @@ page {
|
|
}
|
|
}
|
|
.club-search {
|
|
.club-search {
|
|
width: 100%;
|
|
width: 100%;
|
|
- height: 192rpx;
|
|
|
|
|
|
+ height: 112rpx;
|
|
background: #ffffff;
|
|
background: #ffffff;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
position: fixed;
|
|
position: fixed;
|
|
top: 0;
|
|
top: 0;
|
|
left: 0;
|
|
left: 0;
|
|
z-index: 100;
|
|
z-index: 100;
|
|
- .search-from-title {
|
|
|
|
- width: 100%;
|
|
|
|
- height: 80rpx;
|
|
|
|
- line-height: 80rpx;
|
|
|
|
- box-sizing: border-box;
|
|
|
|
- padding: 0 24rpx;
|
|
|
|
- font-size: $font-size-34;
|
|
|
|
- float: left;
|
|
|
|
- color: #1890f9;
|
|
|
|
- background-color: #f2f9ff;
|
|
|
|
- font-weight: normal;
|
|
|
|
- }
|
|
|
|
.club-search-form {
|
|
.club-search-form {
|
|
width: 100%;
|
|
width: 100%;
|
|
height: 112rpx;
|
|
height: 112rpx;
|
|
@@ -385,15 +438,32 @@ page {
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 24rpx;
|
|
padding: 24rpx;
|
|
float: left;
|
|
float: left;
|
|
|
|
+ .search-screen{
|
|
|
|
+ width: 152rpx;
|
|
|
|
+ height: 64rpx;
|
|
|
|
+ float: right;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ padding: 0 20rpx;
|
|
|
|
+ border: 1px solid #999999;
|
|
|
|
+ line-height: 64rpx;
|
|
|
|
+ border-radius: 32rpx;
|
|
|
|
+ color: #333333;
|
|
|
|
+ text-align: center;
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+ .icon-gengduo1{
|
|
|
|
+ font-size: 30rpx;
|
|
|
|
+ margin-right: 10rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
.search-from {
|
|
.search-from {
|
|
- width: 100%;
|
|
|
|
|
|
+ width: 526rpx;
|
|
height: 100%;
|
|
height: 100%;
|
|
background: #f7f7f7;
|
|
background: #f7f7f7;
|
|
border-radius: 32rpx;
|
|
border-radius: 32rpx;
|
|
float: left;
|
|
float: left;
|
|
position: relative;
|
|
position: relative;
|
|
.input {
|
|
.input {
|
|
- width: 500rpx;
|
|
|
|
|
|
+ width: 420rpx;
|
|
height: 64rpx;
|
|
height: 64rpx;
|
|
float: left;
|
|
float: left;
|
|
line-height: 64rpx;
|
|
line-height: 64rpx;
|
|
@@ -432,7 +502,7 @@ page {
|
|
padding: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
padding: 24rpx;
|
|
padding: 24rpx;
|
|
- padding-top: 212rpx;
|
|
|
|
|
|
+ padding-top: 134rpx;
|
|
.empty-container-image {
|
|
.empty-container-image {
|
|
width: 260rpx;
|
|
width: 260rpx;
|
|
height: 260rpx;
|
|
height: 260rpx;
|
|
@@ -444,31 +514,96 @@ page {
|
|
background: #ffffff;
|
|
background: #ffffff;
|
|
margin-bottom: 24rpx;
|
|
margin-bottom: 24rpx;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
- padding: 24rpx;
|
|
|
|
- .tui-remarks-title {
|
|
|
|
|
|
+ padding: 0 24rpx 24rpx 24rpx;
|
|
|
|
+ .tui-remarks-title{
|
|
width: 100%;
|
|
width: 100%;
|
|
- height: 66rpx;
|
|
|
|
- line-height: 66rpx;
|
|
|
|
- font-size: $font-size-26;
|
|
|
|
- color: #333333;
|
|
|
|
- border-bottom: 1px solid #e1e1e1;
|
|
|
|
|
|
+ height: 144rpx;
|
|
|
|
+ line-height: 144rpx;
|
|
box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
- }
|
|
|
|
- .tui-remarks-name {
|
|
|
|
|
|
+ padding: 20rpx 0;
|
|
|
|
+ border-bottom: 1px solid #E1E1E1;
|
|
|
|
+ .tui-remarks-title-top{
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 56rpx;
|
|
|
|
+ line-height: 56rpx;
|
|
|
|
+ .tui-remarks-time {
|
|
|
|
+ float: left;
|
|
|
|
+ &.tt{
|
|
|
|
+ width: 50%;
|
|
|
|
+ font-size: $font-size-26;
|
|
|
|
+ color: #333333;
|
|
|
|
+ text-align: left;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ display: -webkit-box;
|
|
|
|
+ -webkit-line-clamp: 1;
|
|
|
|
+ line-clamp: 1;
|
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
|
+ }
|
|
|
|
+ &.sm{
|
|
|
|
+ width: 50%;
|
|
|
|
+ font-size: $font-size-26;
|
|
|
|
+ color: #999999;
|
|
|
|
+ text-align: right;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .tui-remarks-title-bot{
|
|
|
|
+ width: 100%;
|
|
|
|
+ height: 48rpx;
|
|
|
|
+ line-height: 48rpx;
|
|
|
|
+ .tui-remarks-text{
|
|
|
|
+ width: 50%;
|
|
|
|
+ height: 48rpx;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ text-align: left;
|
|
|
|
+ font-size: $font-size-26;
|
|
|
|
+ color: #999999;
|
|
|
|
+ float: left;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ display: -webkit-box;
|
|
|
|
+ -webkit-line-clamp: 1;
|
|
|
|
+ line-clamp: 1;
|
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .tui-remarks-name{
|
|
width: 100%;
|
|
width: 100%;
|
|
- height: 37rpx;
|
|
|
|
- line-height: 37rpx;
|
|
|
|
|
|
+ height: 48rpx;
|
|
|
|
+ line-height: 48rpx;
|
|
font-size: $font-size-26;
|
|
font-size: $font-size-26;
|
|
color: #666666;
|
|
color: #666666;
|
|
text-align: left;
|
|
text-align: left;
|
|
- margin-bottom: 24rpx;
|
|
|
|
|
|
+ margin-bottom: 20rpx;
|
|
|
|
+ margin-top: 20rpx;
|
|
|
|
+ .tui-remarks-name-text{
|
|
|
|
+ height: 48rpx;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ text-align: left;
|
|
|
|
+ font-size: $font-size-26;
|
|
|
|
+ color: #333333;
|
|
|
|
+ float: left;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ display: -webkit-box;
|
|
|
|
+ -webkit-line-clamp: 1;
|
|
|
|
+ line-clamp: 1;
|
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
|
+ &.h{
|
|
|
|
+ width: 40%;
|
|
|
|
+ padding-right: 24rpx;
|
|
|
|
+ }
|
|
|
|
+ &.y{
|
|
|
|
+ width: 60%;
|
|
|
|
+ padding-left: 24rpx;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
}
|
|
}
|
|
.tui-remarks-content {
|
|
.tui-remarks-content {
|
|
width: 100%;
|
|
width: 100%;
|
|
height: auto;
|
|
height: auto;
|
|
- border-bottom: 1px solid #e1e1e1;
|
|
|
|
- margin-bottom: 24rpx;
|
|
|
|
- padding-top: 20rpx;
|
|
|
|
.tui-remarks-span {
|
|
.tui-remarks-span {
|
|
height: 48rpx;
|
|
height: 48rpx;
|
|
line-height: 48rpx;
|
|
line-height: 48rpx;
|
|
@@ -488,7 +623,9 @@ page {
|
|
}
|
|
}
|
|
.tui-remarks-button {
|
|
.tui-remarks-button {
|
|
width: 100%;
|
|
width: 100%;
|
|
- height: 48rpx;
|
|
|
|
|
|
+ height: 68rpx;
|
|
|
|
+ border-top: 1px solid #E1E1E1;
|
|
|
|
+ padding-top: 20rpx;
|
|
.btn {
|
|
.btn {
|
|
width: 50%;
|
|
width: 50%;
|
|
line-height: 48rpx;
|
|
line-height: 48rpx;
|
|
@@ -497,12 +634,12 @@ page {
|
|
font-size: $font-size-34;
|
|
font-size: $font-size-34;
|
|
float: left;
|
|
float: left;
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
- &.edit {
|
|
|
|
- color: #1890f9;
|
|
|
|
- border-right: 1px solid #e1e1e1;
|
|
|
|
|
|
+ &.edit{
|
|
|
|
+ color: #1890F9;
|
|
|
|
+ border-right: 1px solid #E1E1E1;
|
|
}
|
|
}
|
|
- &.del {
|
|
|
|
- color: #f94b4b;
|
|
|
|
|
|
+ &.del{
|
|
|
|
+ color: #F94B4B;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -549,6 +686,16 @@ page {
|
|
color: #ffffff;
|
|
color: #ffffff;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+ .tui-button-text{
|
|
|
|
+ width: 600rpx;
|
|
|
|
+ height: 48rpx;
|
|
|
|
+ line-height: 48rpx;
|
|
|
|
+ text-align: center;
|
|
|
|
+ color: #E15616;
|
|
|
|
+ font-size: $font-size-26;
|
|
|
|
+ margin: 0 auto;
|
|
|
|
+ margin-top: 15rpx;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|