gx

queenwuli

2021-01-11 1d1e327a1cbf8bd822078a9f71894f25ddcee437

 hive-app/pages/workbench/followRecords/index.vue

@@ -16,51 +16,7 @@
            @tabClick="tabClick($event)"
         />
      </view>
      <view v-if="isShow" class="filter-content font-14">
         <view class="filter-content-time">
            <text>开始时间</text>
            <view class="gray flex align-center" @click="showTime()">
               <text>请选择</text>
               <text class="iconfont iconarrow-backimg"></text>
            </view>
            <date-time-picker ref='date-time' type='datetime' @change='dateTimeChange'></date-time-picker>
         </view>
         <view class="filter-content-time">
            <text>结束时间</text>
            <view class="gray flex align-center" @click="showTime()">
               <text>请选择</text>
               <text class="iconfont iconarrow-backimg"></text>
            </view>
            <date-time-picker ref='date-time' type='datetime' @change='dateTimeChange'></date-time-picker>
         </view>
         <view class="filter-content-row">
            <view>
               <text>客户</text>
            </view>
            <view class="img-box">
               <image class="header-img mr-20" src="../../../static/images/default-avatar.png"></image>
               <navigator url="../../member/selectCustomer" hover-class="none">
                  <text class="iconfont iconjia gray-outline-btn-circle ml-5"></text>
               </navigator>
            </view>
         </view>
         <view class="filter-content-row">
            <view>
               <text>员工</text>
            </view>
            <view class="img-box">
               <image class="header-img mr-20" src="../../../static/images/default-avatar.png"></image>
               <navigator url="../../manager/selectEmployee" hover-class="none">
                  <text class="iconfont iconjia gray-outline-btn-circle ml-5"></text>
               </navigator>
            </view>
         </view>
         <view class="flex sticky-footer">
            <button class="white-btn flex-1">重置</button>
            <button class="blue-btn flex-1 ml-10">确定</button>
         </view>
      </view>
      <view v-else class="content-row font-14" v-for="item in 2">
      <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">
@@ -71,8 +27,8 @@
         <view class="mt-10">
            <text>截图服务了杨姐,她的面部比较干燥暗沉色斑较多,约下次来做一个面部护理</text>
         </view>
         <view class="mt-10 flex">
            <image v-for="(item,index) in imgList" @click="previewImg(item.imgurl)" class="content-img mr-10" :src="item.imgurl"></image>
         <view class="mt-10 flex" :start="num">
            <image v-for="(item,index) in imgList" @click="previewImg(index)" class="content-img mr-10" :src="item"></image>
         </view>
         <view class="flex align-center justify-between mt-5">
            <text>客户:杨依依</text>
@@ -96,6 +52,7 @@
            <text>李贝: 好的,继续跟进</text>
         </view>
      </view>
      <fillter :isShow="isShowFilter" @change="changeFilter"></fillter>
      <view v-show="messageShow" class="message-row">
         <input type="text" cursor-spacing="10" :focus="messageShow" class="message-input" placeholder="评论" placeholder-class="placeholder"/>
         <button class="green-btn message-btn">发送</button>
@@ -105,11 +62,11 @@

<script>
   import HTabs from "@/components/liuyuno-tabs/liuyuno-tabs.vue";
   import DateTimePicker from '../../../components/bory-dateTimePicker/bory-dateTimePicker.vue'
   import fillter from './filter'
   export default {
      components: {
          HTabs,
         DateTimePicker
         fillter
      },
      data() {
        return {
@@ -128,21 +85,24 @@
            }
         ],
         imgList:[
            {'imgurl':'../../../static/images/banner.jpg'},
            {'imgurl':'../../../static/images/product.jpg'}
            '../../../static/images/banner.jpg',
            '../../../static/images/product.jpg'
         ],
         isShow:false,
         messageShow:false,
         isShowFilter: false,
         num:0
        }  
      },
      methods:{
         // 预览图片
         previewImg(image) {
            let imgArr=[]
            imgArr[0]=image
         previewImg(index) {
            // let imgArr=[]
            // imgArr.push(image)
            //预览图片
            uni.previewImage({
               urls: imgArr
               urls: this.imgList,
               indicator:'default',
               loop:true
            })
         },
         onNavigationBarButtonTap(e){
@@ -152,11 +112,8 @@
               })
            }
            if(e.width && e.index==1){
               this.isShow=!this.isShow
               this.isShowFilter = !this.isShowFilter;
            }
         },
         showTime () {
            this.$refs['date-time'].show();
         },
         showMessage(){
            this.messageShow=!this.messageShow
@@ -190,31 +147,6 @@
      line-height: 20px;
      background: #F6F6F8;
      padding: 5px;
      margin-top: 10px;
   }
   .filter-content{
      position: fixed;
      left: 0;
      right: 0;
      height: 100%;
      background: #FFFFFF;
      padding: 0px 10px;
   }
   .filter-content-time{
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid #EDEAF4;
      padding: 10px 0;
   }
   .filter-content-row{
      padding: 10px 0;
      border-bottom: 1px solid #EDEAF4;
   }
   .img-box{
      display: flex;
      align-items: center;
      padding: 0 10px;
      margin-top: 10px;
   }
   .message-row{