|
@@ -1,34 +1,41 @@
|
|
|
<template>
|
|
|
<view>
|
|
|
+ <u-navbar v-show="false" ref="refNavbar" >
|
|
|
+
|
|
|
+ </u-navbar>
|
|
|
+
|
|
|
<view class="header">
|
|
|
<!-- 导航 -->
|
|
|
<view :class="flag?'sticky':'navbar'">
|
|
|
- <view class="back">
|
|
|
- <u-icon name="arrow-left" size="40"></u-icon>
|
|
|
+ <view class="back" style="font-size: 32rpx;" @click="back()">
|
|
|
+ <u-icon name="arrow-left" size="40"></u-icon>返回
|
|
|
</view>
|
|
|
<view class="title">
|
|
|
个人主页
|
|
|
</view>
|
|
|
- <view class="camera">
|
|
|
+ <view class="camera" @click="issueMethod()" >
|
|
|
<u-icon name="camera-fill" size="48"></u-icon>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 个人信息 -->
|
|
|
<view class="person-infos">
|
|
|
<view class="photo">
|
|
|
- <img src="../../assets/img/shareP.png" alt="">
|
|
|
+
|
|
|
+ <img v-if="userInfo.headImg" :src="userInfo.headImg" alt="">
|
|
|
+
|
|
|
+ <u-avatar v-else size="120" ></u-avatar>
|
|
|
</view>
|
|
|
<view class="infos">
|
|
|
<view class="name">
|
|
|
- 王泽
|
|
|
+ {{userInfo.name}}
|
|
|
</view>
|
|
|
<view class="department-position">
|
|
|
- <view class="department">
|
|
|
+ <view class="department" v-if="userInfo.orgName">
|
|
|
<view class="icon">
|
|
|
<img src="../../assets/img/department2.png" alt="">
|
|
|
</view>
|
|
|
<view class="text">
|
|
|
- 采购部
|
|
|
+ {{userInfo.orgName}}
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="position">
|
|
@@ -46,7 +53,7 @@
|
|
|
<view class="grid">
|
|
|
<view class="item">
|
|
|
<view class="amout">
|
|
|
- 999
|
|
|
+ {{plusInfo.userShare}}
|
|
|
</view>
|
|
|
<view class="text">
|
|
|
发布
|
|
@@ -54,7 +61,7 @@
|
|
|
</view>
|
|
|
<view class="item">
|
|
|
<view class="amout">
|
|
|
- 999
|
|
|
+ {{plusInfo.userNewsLike}}
|
|
|
</view>
|
|
|
<view class="text">
|
|
|
点赞
|
|
@@ -62,7 +69,7 @@
|
|
|
</view>
|
|
|
<view class="item">
|
|
|
<view class="amout">
|
|
|
- 999
|
|
|
+ {{plusInfo.userNewsComment}}
|
|
|
</view>
|
|
|
<view class="text">
|
|
|
评论
|
|
@@ -73,79 +80,119 @@
|
|
|
</view>
|
|
|
<!-- 分享 -->
|
|
|
<view class="share">
|
|
|
- <view class="item">
|
|
|
- <view class="date">
|
|
|
- <view class="day">
|
|
|
- 15
|
|
|
- </view>
|
|
|
- <view class="year-month">
|
|
|
- 2023.1
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="content">
|
|
|
- <view class="title">
|
|
|
- 周末去参加了公司组织的羽毛球赛~
|
|
|
- </view>
|
|
|
- <view class="photos">
|
|
|
- <img src="../../assets/img/sharePic2.png" alt="">
|
|
|
- <img src="../../assets/img/sharePic3.png" alt="">
|
|
|
-
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- </view>
|
|
|
- <view class="item">
|
|
|
+ <view class="item" v-for="(item,i) in list" :key="i" >
|
|
|
<view class="date">
|
|
|
<view class="day">
|
|
|
- 15
|
|
|
+ {{day(item.createTime)}}
|
|
|
</view>
|
|
|
<view class="year-month">
|
|
|
- 2023.1
|
|
|
+ {{yearmonth(item.createTime)}}
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="content">
|
|
|
<view class="title">
|
|
|
- 周末去参加了公司组织的羽毛球赛~
|
|
|
+ <textarea placeholder="记录点滴生活..." :auto-height="true"
|
|
|
+ v-model="item.synopsis" readonly maxlength="200"
|
|
|
+ name="" id="" ></textarea>
|
|
|
</view>
|
|
|
<view class="photos">
|
|
|
- <img src="../../assets/img/sharePic2.png" alt="">
|
|
|
- <img src="../../assets/img/sharePic3.png" alt="">
|
|
|
- <img src="../../assets/img/sharePic3.png" alt="">
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- </view>
|
|
|
- <view class="item">
|
|
|
- <view class="date">
|
|
|
- <view class="day">
|
|
|
- 15
|
|
|
- </view>
|
|
|
- <view class="year-month">
|
|
|
- 2023.1
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="content">
|
|
|
- <view class="title">
|
|
|
- 打工人必备!提高工作效率的电脑快捷键。~
|
|
|
+ <template v-for="(pic,i2) in item.listShareFiles" v-if="pic.url">
|
|
|
+ <img v-if="pic.isPic" :key="i2"
|
|
|
+ @click="previewImage(item.listShareFiles,i2)"
|
|
|
+ :src="pic.url" alt="">
|
|
|
+
|
|
|
+ <video v-else :key="i2" :src="pic.url"
|
|
|
+ enable-danmu danmu-btn controls></video>
|
|
|
+ </template>
|
|
|
</view>
|
|
|
-
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
</view>
|
|
|
- <u-divider border-color="#CFD2D5">已经到底了</u-divider>
|
|
|
+ <u-divider :isnone="list.length==0" nonetext="没有找到相关内容" border-color="#CFD2D5">已经到底了</u-divider>
|
|
|
+
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import * as API from '@/apis/pagejs/user.js'
|
|
|
+ import * as API_share from '@/apis/pagejs/share.js'
|
|
|
+
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
flag: false,
|
|
|
scrollTop: "",
|
|
|
+ plusInfo:{},
|
|
|
+ userInfo:{},
|
|
|
+ listForm:{
|
|
|
+ pageIndex:1,
|
|
|
+ pageSize:20,
|
|
|
+ queryStatus:1
|
|
|
+ },
|
|
|
+ list:[],
|
|
|
+ recordsTotal:0,
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onLoad() {
|
|
|
+ this.carhelp.set("addShare",0);
|
|
|
+ this.init()
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ onShow(){
|
|
|
+ this.findByOpenId()
|
|
|
+ if( this.carhelp.get("addShare")){
|
|
|
+ this.listForm.pageIndex=1;
|
|
|
+ this.getList()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ onReachBottom() {
|
|
|
+ if (this.list.length < this.recordsTotal) {
|
|
|
+ this.myLoadmore();
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ day(time){
|
|
|
+ if(time){
|
|
|
+
|
|
|
+ return time.substring(8,10)
|
|
|
+ }else
|
|
|
+ return''
|
|
|
+ },
|
|
|
+ yearmonth(time){
|
|
|
+ if(time){
|
|
|
+
|
|
|
+ return time.substring(0,7).replace('-','.')
|
|
|
+ }else
|
|
|
+ return''
|
|
|
+ },
|
|
|
+ issueMethod(id){
|
|
|
+
|
|
|
+ this.gotoUrl('pages/mine/issue?nic=1')
|
|
|
+ },
|
|
|
+ init(){
|
|
|
+ this.plusInfo=this.carhelp.getPersonInfoPlus();
|
|
|
+ this.userInfo=this.carhelp.getPersonInfo();
|
|
|
+
|
|
|
+ },
|
|
|
+ findByOpenId(){
|
|
|
+ API.findByOpenId({
|
|
|
+ noerror:true,
|
|
|
+ openId: this.carhelp.getOpenId(),
|
|
|
+
|
|
|
+ }).then((response) => {
|
|
|
+
|
|
|
+ this.carhelp.setPersonInfo(response.data.regUser);
|
|
|
+ this.carhelp.setPersonInfoPlus(response.data)
|
|
|
+ this.init();
|
|
|
+ }).catch(error => {
|
|
|
+ uni.hideLoading();
|
|
|
+
|
|
|
+ })
|
|
|
+ },
|
|
|
+ back(){
|
|
|
+ this.$refs.refNavbar.goBack()
|
|
|
+ },
|
|
|
onPageScroll(e) {
|
|
|
this.scrollTop = e.scrollTop;
|
|
|
console.log(this.scrollTop);
|
|
@@ -157,6 +204,49 @@
|
|
|
}
|
|
|
|
|
|
|
|
|
+ },previewImage(img,i) {
|
|
|
+ let imgs = [];
|
|
|
+ img.forEach(it=>{
|
|
|
+ imgs.push(it.url)
|
|
|
+ })
|
|
|
+
|
|
|
+
|
|
|
+ uni.previewImage({
|
|
|
+ indicator:"default",
|
|
|
+ loop:true,
|
|
|
+ urls: imgs,
|
|
|
+ current: i
|
|
|
+ })
|
|
|
+ },getList(){
|
|
|
+ uni.showLoading({
|
|
|
+ title: "加载中",
|
|
|
+ mask: true,
|
|
|
+ })
|
|
|
+
|
|
|
+ API_share.pageList(this.listForm).then((res) => {
|
|
|
+ this.carhelp.set("addShare",0);
|
|
|
+ uni.hideLoading();
|
|
|
+ //this.list=response.data.data
|
|
|
+ if(this.listForm.pageIndex==1){
|
|
|
+ this.list = res.data.data;
|
|
|
+ }else{
|
|
|
+ this.list = [
|
|
|
+ ...this.list,
|
|
|
+ ...res.data.data
|
|
|
+ ];
|
|
|
+ }
|
|
|
+ this.recordsTotal = res.data.recordsTotal;
|
|
|
+
|
|
|
+ }).catch(error => {
|
|
|
+ uni.showToast({
|
|
|
+ title: error,
|
|
|
+ icon: "none"
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ myLoadmore(){
|
|
|
+ this.listForm.pageIndex += 1;
|
|
|
+ this.getList();
|
|
|
},
|
|
|
}
|
|
|
}
|