From 1d1e327a1cbf8bd822078a9f71894f25ddcee437 Mon Sep 17 00:00:00 2001
From: queenwuli <942534046@qq.com>
Date: Mon, 11 Jan 2021 10:32:49 +0800
Subject: [PATCH] gx
---
hive-app/pages/workbench/followRecords/index.vue | 102 ++++++++------------------------------------------
1 files changed, 17 insertions(+), 85 deletions(-)
diff --git a/hive-app/pages/workbench/followRecords/index.vue b/hive-app/pages/workbench/followRecords/index.vue
index 298fed6..5aec9b2 100644
--- a/hive-app/pages/workbench/followRecords/index.vue
+++ b/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{
--
Gitblit v1.9.1