You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
177 lines
4.1 KiB
177 lines
4.1 KiB
<template>
|
|
<view class="warpper">
|
|
<timeline>
|
|
<timelineItem v-for="(item, index) in 4" :key="index">
|
|
<view class="time">
|
|
2021年12月28日 12:30:45
|
|
</view>
|
|
<view class="tripItem">
|
|
<view class="row">
|
|
<view class="title">跟进人：</view>
|
|
<view class="value">贾晓堂 18877799220</view>
|
|
</view>
|
|
<view class="row">
|
|
<view class="title">拜访对象：</view>
|
|
<view class="value">张翼德 18826104989</view>
|
|
</view>
|
|
<view class="row">
|
|
<view class="title">沟通内容：</view>
|
|
<view class="value">已经对该供应商进行了需求调研，并已经对纸掌柜产品进行推广，盘商表示愿意支付使用该产品</view>
|
|
</view>
|
|
<view class="row">
|
|
<view class="title">备注信息：</view>
|
|
<view class="value">客户说希望有特色功能。</view>
|
|
</view>
|
|
<view class="row">
|
|
<view class="title"></view>
|
|
<view class="value">
|
|
<image class="icon" src="/static/imgs/client-detail/address-icon.png"></image>
|
|
<text class="location">广州市天河区</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</timelineItem>
|
|
<view class="see-more">
|
|
<text>查看更多</text>
|
|
<image class="icon" :src="!seemoreFlag ? '/static/imgs/client-detail/arrow-up-icon.png' : '/static/imgs/client-detail/arrow-down-icon.png'"></image>
|
|
</view>
|
|
</timeline>
|
|
<qn-footer fixed height="120rpx">
|
|
<view class="button-area">
|
|
<!-- <view class="button button__cancel" @click="back">
|
|
<text class="text">取消</text>
|
|
</view> -->
|
|
<view class="button button__submit" @click="addTap">
|
|
<text class="text" style="color: white">新增跟进</text>
|
|
</view>
|
|
</view>
|
|
</qn-footer>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import timeline from './timeLine.vue'
|
|
import timelineItem from './timelineItem.vue'
|
|
import qnFooter from '@/components/qn-footer/qn-footer.vue'
|
|
import { go2 } from '@/utils/hook.js'
|
|
export default {
|
|
components: {
|
|
timeline,
|
|
timelineItem,
|
|
qnFooter
|
|
},
|
|
data() {
|
|
return {}
|
|
},
|
|
methods:{
|
|
addTap() {
|
|
go2('add-record')
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.warpper {
|
|
background-color: #FFFFFF;
|
|
.time {
|
|
font-size: 26rpx;
|
|
color: #000000;
|
|
letter-spacing: 0;
|
|
font-weight: 400;
|
|
}
|
|
.tripItem {
|
|
margin-top: 20rpx;
|
|
// height: 140rpx;
|
|
padding: 20rpx 30rpx;
|
|
// height: 376rpx;
|
|
background: #F7F8FA;
|
|
border-radius: 8rpx;
|
|
.row {
|
|
display: flex;
|
|
flex-direction: row;
|
|
padding: 16rpx 0rpx;
|
|
.title {
|
|
flex: 0 0 140rpx;
|
|
font-size: 28rpx;
|
|
color: #888888;
|
|
letter-spacing: 0;
|
|
font-weight: 400;
|
|
}
|
|
.value {
|
|
display: flex;
|
|
align-items: center;
|
|
flex: 1;
|
|
font-size: 28rpx;
|
|
color: #333333;
|
|
letter-spacing: 0;
|
|
font-weight: 400;
|
|
line-height: 1.3;
|
|
}
|
|
.icon {
|
|
width: 32rpx;
|
|
height: 32rpx;
|
|
}
|
|
.location{
|
|
font-size: 26rpx;
|
|
color: #888888;
|
|
letter-spacing: 0;
|
|
text-align: left;
|
|
line-height: 32rpx;
|
|
font-weight: 400;
|
|
padding-left: 10rpx;
|
|
}
|
|
}
|
|
}
|
|
.see-more {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding-top: 20rpx;
|
|
background: #ffffff;
|
|
// border-top: 2rpx solid #dddddd;
|
|
// padding: 0rpx 32rpx;
|
|
font-size: 28rpx;
|
|
color: #007aff;
|
|
letter-spacing: 0;
|
|
text-align: center;
|
|
font-weight: 400;
|
|
.icon {
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
}
|
|
}
|
|
.button-area {
|
|
width: 750rpx;
|
|
padding: 0 32rpx;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
// justify-content: space-between;
|
|
.button {
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-radius: 10rpx;
|
|
.text {
|
|
font-size: 30rpx;
|
|
font-weight: 500;
|
|
text-align: center;
|
|
}
|
|
}
|
|
.button__cancel {
|
|
width: 270rpx;
|
|
height: 88rpx;
|
|
border: 2rpx solid #979797;
|
|
}
|
|
.button__submit {
|
|
width: 100%;
|
|
height: 88rpx;
|
|
background: #007aff;
|
|
}
|
|
}
|
|
}
|
|
</style>
|