From efb4cd6d80bccd0f94b7fa9b93d1df3920eedbc9 Mon Sep 17 00:00:00 2001
From: Administrator <admin>
Date: Sat, 03 Jul 2021 11:35:06 +0800
Subject: [PATCH] 考勤打卡样式调整
---
pages/groupChat/groupChat.vue | 123 ++++++++++++++++++++++++++++++++++-------
1 files changed, 102 insertions(+), 21 deletions(-)
diff --git a/pages/groupChat/groupChat.vue b/pages/groupChat/groupChat.vue
index f1cd09e..8716b76 100644
--- a/pages/groupChat/groupChat.vue
+++ b/pages/groupChat/groupChat.vue
@@ -1,17 +1,39 @@
<!-- 工作台 -->
<template>
<view class="work">
- <view class="main">
- <div>
- <div class="m-main">
- <!-- <view class="inTitle">{{Task}}</view> -->
- <view class="inTmain">
- <contacts v-for="(item,index) in dataListP" :key="index" :Pdata="item" :fromW="fromW"
- @refreshTask="refreshTask"></contacts>
- </view>
- </div>
- </div>
+ <!-- 自定义顶部导航栏 -->
+ <!-- <navBarTop :title="'聊天室'"></navBarTop> -->
+ <view class="tab">
+ <u-tabs :list="list" :is-scroll="false" :current="current" active-color="#14B9C8" inactive-color="#595959"
+ height="100" @change="change"></u-tabs>
</view>
+
+ <swiper id="swiperBox" :style="{ height: swiperHeight + 'px' }" :current="current" @change="tabsChange">
+ <swiper-item class="swiper-item" v-for="(item, indexs) in list" :key="indexs">
+ <view v-if="indexs == 0" class="main">
+ <div>
+ <div class="m-main">
+ <!-- <view class="inTitle">{{Task}}</view> -->
+ <view class="inTmain">
+ <contacts v-for="(item,index) in dataListP" :key="index" :Pdata="item" :fromW="indexs"
+ @refreshTask="refreshTask"></contacts>
+ </view>
+ </div>
+ </div>
+ </view>
+ <view v-if="indexs == 1" class="main">
+ <div>
+ <div class="m-main">
+ <!-- <view class="inTitle">{{Task}}</view> -->
+ <view class="inTmain">
+ <contacts v-for="(item,index) in dataListQZ" :key="index" :Pdata="item" :fromW="indexs"
+ @refreshTask="refreshTask"></contacts>
+ </view>
+ </div>
+ </div>
+ </view>
+ </swiper-item>
+ </swiper>
</view>
</template>
@@ -20,18 +42,29 @@
import WxStorage from "../../static/lib/wxStorage.js"
import axios from '../../static/lib/axios.js'
import contacts from '../../components/contacts/contacts.vue'
- export default {
+ import navBarTop from '../../components/nav-bar-top/nav-bar-top.vue';
+ export default{
components: {
- contacts
+ navBarTop,contacts
},
data() {
return {
+ list: [{
+ name: '正在聊天'
+ },
+ {
+ name: '群组'
+ },
+ {
+ name: '通讯录'
+ }
+ ],
+ swiperHeight: 0,
zhanwei: '', //因为小程序中底部和顶部栏占位置，uniapp中不占位置
- ingsDB: '#00d1ff 2px solid',
- candoDB: '#fff 2px solid',
- Task: '当前已接任务',
+ current: 0,
show: true,
dataListP: [],
+ dataListQZ: [],
fromW: '',
onTop: false, //是否吸顶
rect: '', //页面滚动距离
@@ -41,7 +74,56 @@
userName: '',
}
},
+ activated(){
+ this.beginObj();
+ this.ingss();
+ },
+ onReady() {
+ let that = this;
+ uni.getSystemInfo({
+ success(e) {
+ console.log(e);
+ let {
+ windowWidth,
+ windowHeight,
+ safeArea
+ } = e;
+ const query = uni.createSelectorQuery().in(that);
+ query
+ .select('#swiperBox')
+ .boundingClientRect(data => {
+ that.swiperHeight = safeArea.bottom - data.top;
+ })
+ .exec();
+ }
+ });
+ },
methods: {
+ change(index) {
+ this.current = index;
+ },
+ tabsChange(e) {
+ this.current = e.detail.current;
+ if(this.current == 1){
+ var that = this;
+ uni.request({
+ url:"http://s16s652780.51mypc.cn/api/chatgroup/selectList",
+ method:"POST",
+ data:{
+ senderId: WxStorage.get("ids")
+ },
+ success:(res)=> {
+ var resdata = res.data.data;
+ for (var i = 0; i < resdata.length; i++) {
+ if(resdata[i].avatar == null || resdata[i].avatar == ""){
+ resdata[i].avatar = "http://s16s652780.51mypc.cn/img/bg/qunz.png";
+ }
+ }
+ that.dataListQZ = resdata;
+ }
+ })
+ }
+ },
beginObj() {
this.titleTop = '2.6rem';
this.zhanwei = '3rem';
@@ -67,16 +149,15 @@
this.getdataList(1);
},
getdataList(need) {
- this.fromW = need;
var that = this;
uni.request({
- url:"http://s16s652780.51mypc.cn/api/blade-jfpts/chat-records/getChatListPage",
+ url:"http://s16s652780.51mypc.cn/api/chat-records/getChatListPage",
method:"get",
data:{
senderId: WxStorage.get("ids")
},
success:(res)=> {
- var resdata = res.data.data.records;
+ var resdata = res.data.data;
for (var i = 0; i < resdata.length; i++) {
if(resdata[i].avatar == null || resdata[i].avatar == ""){
resdata[i].avatar = "http://s16s652780.51mypc.cn/img/bg/img-logo.png";
@@ -85,8 +166,6 @@
that.dataListP = resdata;
}
})
-
-
},
refreshTask() {
this.getdataList(1);
@@ -121,7 +200,7 @@
.work {
width: 100%;
height: 100%;
- padding: 0.625rem 2.5% 3rem 2.5%;
+ padding: 0rem 2.5% 3rem 2.5%;
box-sizing: border-box;
.hello {
@@ -159,6 +238,8 @@
}
.main {
+ margin-top: 0.625rem;
+
.m-title {
width: 100%;
height: 2rem;
--
Gitblit v1.9.3