From 4b80ef278bce475c0748717f4b5ffb8bb4df298b Mon Sep 17 00:00:00 2001
From: queenwuli <942534046@qq.com>
Date: Wed, 30 Dec 2020 10:40:51 +0800
Subject: [PATCH] gx
---
hive-app/pages/workbench/followRecords.vue | 114 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 114 insertions(+), 0 deletions(-)
diff --git a/hive-app/pages/workbench/followRecords.vue b/hive-app/pages/workbench/followRecords.vue
new file mode 100644
index 0000000..830dbf4
--- /dev/null
+++ b/hive-app/pages/workbench/followRecords.vue
@@ -0,0 +1,114 @@
+<template>
+ <!-- 跟进记录 -->
+ <view>
+ <view>
+ <h-tabs
+ class="tab"
+ :tabData="tabs"
+ :config="{
+ color: '#abb1cc',
+ activeColor: '#518EFF',
+ underLineColor: '#518EFF',
+ underLineHeight: 6,
+ fontSize: '28',
+ underLineWidth: 60,
+ }"
+ @tabClick="tabClick($event)"
+ />
+ </view>
+ <view class="content-row font-14" v-for="item in 2">
+ <view class="flex align-center">
+ <image class="header-img" src="../../static/images/default-avatar.png"></image>
+ <view class="flex flex-v ml-10">
+ <text>杨明</text>
+ <text>2020-12 12:34</text>
+ </view>
+ </view>
+ <view class="mt-10">
+ <text>截图服务了杨姐,她的面部比较干燥暗沉色斑较多,约下次来做一个面部护理</text>
+ </view>
+ <view class="mt-10">
+ <image class="content-img mr-10" src="../../static/images/banner.jpg"></image>
+ <image class="content-img" src="../../static/images/banner.jpg"></image>
+ </view>
+ <view class="flex align-center justify-between mt-5">
+ <text>客户:杨依依</text>
+ <view class="flex align-center">
+ <text class="iconfont iconzhong mr-5"></text>
+ <text>2020-12-31 12:34</text>
+ </view>
+ </view>
+ <view class="mt-5">
+ <text>订单:面部护理等</text>
+ </view>
+ <view class="right mt-5">
+ <text class="iconfont iconxin"></text>
+ <text class="iconfont iconliuyan1 ml-20"></text>
+ </view>
+ <view class="content-row-notes flex align-center blue">
+ <text class="iconfont iconxin mr-10"></text>
+ <text>李贝,拉拉</text>
+ </view>
+ <view class="content-row-notes flex align-center blue">
+ <text>李贝: 好的,继续跟进</text>
+ </view>
+ </view>
+ </view>
+</template>
+
+<script>
+ import HTabs from "@/components/liuyuno-tabs/liuyuno-tabs.vue";
+ export default {
+ components: {
+ HTabs
+ },
+ data() {
+ return {
+ tabs:[
+ {
+ state: 1,
+ name: '全部'
+ },
+ {
+ state: 2,
+ name: '我发出的'
+ },
+ {
+ state: 3,
+ name: '我的团队'
+ }
+ ]
+ }
+ }
+ }
+</script>
+
+<style>
+ page{
+ background: #F6F6F8;
+ }
+ .tab{
+ background: #FFFFFF;
+ }
+ .header-img{
+ width: 45px;
+ height: 45px;
+ border-radius: 50%;
+ }
+ .content-row{
+ background: #FFFFFF;
+ padding: 10px;
+ margin-top: 10px;
+ }
+ .content-img{
+ width: 80px;
+ height: 80px;
+ border-radius: 4px;
+ }
+ .content-row-notes{
+ line-height: 20px;
+ background: #F6F6F8;
+ padding: 5px;
+ margin-top: 10px;
+ }
+</style>
--
Gitblit v1.9.1