gx

queenwuli

2020-12-30 4b80ef278bce475c0748717f4b5ffb8bb4df298b

 hive-app/pages/workbench/followRecords.vue

New file
@@ -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>