修改 app问题
This commit is contained in:
@@ -1,4 +1,4 @@
|
|||||||
// export const MQTT_IP = '192.168.1.18:8083/mqtt'//mqtt地址端口, 使用emqx时一定要加mqtt
|
// export const MQTT_IP = '192.168.1.24:10215/mqtt'//mqtt地址端口, 使用emqx时一定要加mqtt
|
||||||
export const MQTT_IP = 'pqmcn.com:8085/mqtt'//mqtt地址端口, 使用emqx时一定要加mqtt
|
export const MQTT_IP = 'pqmcn.com:8085/mqtt'//mqtt地址端口, 使用emqx时一定要加mqtt
|
||||||
|
|
||||||
const MQTT_USERNAME = 't_user'//mqtt用户名
|
const MQTT_USERNAME = 't_user'//mqtt用户名
|
||||||
|
|||||||
@@ -2,8 +2,8 @@
|
|||||||
"name" : "灿能物联",
|
"name" : "灿能物联",
|
||||||
"appid" : "__UNI__88BC25B",
|
"appid" : "__UNI__88BC25B",
|
||||||
"description" : "",
|
"description" : "",
|
||||||
"versionName" : "1.6.0",
|
"versionName" : "1.6.1",
|
||||||
"versionCode" : 160,
|
"versionCode" : 161,
|
||||||
"transformPx" : false,
|
"transformPx" : false,
|
||||||
/* 5+App特有相关 */
|
/* 5+App特有相关 */
|
||||||
"app-plus" : {
|
"app-plus" : {
|
||||||
|
|||||||
@@ -88,7 +88,7 @@ export default {
|
|||||||
onNavigationBarButtonTap(e) {
|
onNavigationBarButtonTap(e) {
|
||||||
uni.showModal({
|
uni.showModal({
|
||||||
title: '提示',
|
title: '提示',
|
||||||
content: '确定要全部标记为已读吗1?',
|
content: '确定要全部标记为已读吗?',
|
||||||
success: (res) => {
|
success: (res) => {
|
||||||
if (res.confirm) {
|
if (res.confirm) {
|
||||||
updateStatus({
|
updateStatus({
|
||||||
|
|||||||
@@ -175,7 +175,7 @@ export default {
|
|||||||
if (messagePage) {
|
if (messagePage) {
|
||||||
uni.setTabBarBadge({
|
uni.setTabBarBadge({
|
||||||
index: 1,
|
index: 1,
|
||||||
text: messagePage ? messagePage + '' : '',
|
text:messagePage ? (messagePage > 99 ? '99+' : messagePage + '') : '',
|
||||||
})
|
})
|
||||||
} else {
|
} else {
|
||||||
uni.removeTabBarBadge({
|
uni.removeTabBarBadge({
|
||||||
@@ -215,7 +215,7 @@ export default {
|
|||||||
// #endif
|
// #endif
|
||||||
}, 1000)
|
}, 1000)
|
||||||
}
|
}
|
||||||
this.timer = setInterval(this.getDevCount, 1000 *60) // 定时请求
|
this.timer = setInterval(this.getDevCount, 1000 * 60) // 定时请求
|
||||||
this.store = this.DataSource('/cs-device-boot/EquipmentDelivery/queryEquipmentByProject')
|
this.store = this.DataSource('/cs-device-boot/EquipmentDelivery/queryEquipmentByProject')
|
||||||
// #ifdef APP-PLUS
|
// #ifdef APP-PLUS
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
|
|||||||
@@ -30,6 +30,7 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
import { getDevCount } from '../../common/api/device.js'
|
||||||
export default {
|
export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
@@ -37,8 +38,10 @@ export default {
|
|||||||
userInfo: {},
|
userInfo: {},
|
||||||
messageCount: {},
|
messageCount: {},
|
||||||
timer: null,
|
timer: null,
|
||||||
|
devCount: {},
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
init() {
|
init() {
|
||||||
this.userInfo = uni.getStorageSync('userInfo')
|
this.userInfo = uni.getStorageSync('userInfo')
|
||||||
@@ -76,10 +79,58 @@ export default {
|
|||||||
break
|
break
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
getDevCount() {
|
||||||
|
if (uni.getStorageSync('projectList')[1] != undefined) {
|
||||||
|
getDevCount(uni.getStorageSync('projectList')[1].engineeringId).then((res) => {
|
||||||
|
this.devCount = res.data
|
||||||
|
this.devCount.currentOffLineDevs.forEach((item) => {
|
||||||
|
item.runStatus = 1
|
||||||
|
})
|
||||||
|
this.devCount.offLineDevs.forEach((item) => {
|
||||||
|
item.runStatus = 1
|
||||||
|
})
|
||||||
|
uni.setStorage({
|
||||||
|
key: this.$cacheKey.messageCount,
|
||||||
|
data: this.devCount,
|
||||||
|
})
|
||||||
|
let messagePage =
|
||||||
|
this.devCount.runCount +
|
||||||
|
this.devCount.eventCount +
|
||||||
|
this.devCount.alarmCount +
|
||||||
|
this.devCount.harmonicCount
|
||||||
|
let minePage = this.devCount.feedBackCount
|
||||||
|
|
||||||
|
if (messagePage) {
|
||||||
|
uni.setTabBarBadge({
|
||||||
|
index: 1,
|
||||||
|
text:messagePage ? (messagePage > 99 ? '99+' : messagePage + '') : '',
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
uni.removeTabBarBadge({
|
||||||
|
index: 1,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
if (minePage) {
|
||||||
|
uni.setTabBarBadge({
|
||||||
|
index: 2,
|
||||||
|
text: minePage + '',
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
uni.removeTabBarBadge({
|
||||||
|
index: 2,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// #ifdef APP-PLUS
|
||||||
|
plus.runtime.setBadgeNumber(messagePage + minePage)
|
||||||
|
// #endif
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
},
|
},
|
||||||
onLoad(options) {},
|
onLoad(options) {},
|
||||||
onShow() {
|
onShow() {
|
||||||
this.init()
|
this.init()
|
||||||
|
this.getDevCount()
|
||||||
this.messageCount = uni.getStorageSync(this.$cacheKey.messageCount) || {}
|
this.messageCount = uni.getStorageSync(this.$cacheKey.messageCount) || {}
|
||||||
this.timer = setInterval(() => {
|
this.timer = setInterval(() => {
|
||||||
this.messageCount = uni.getStorageSync(this.$cacheKey.messageCount) || {}
|
this.messageCount = uni.getStorageSync(this.$cacheKey.messageCount) || {}
|
||||||
|
|||||||
@@ -84,11 +84,11 @@ export default {
|
|||||||
}
|
}
|
||||||
this.init()
|
this.init()
|
||||||
},
|
},
|
||||||
onShow() {},
|
// onShow() { this.init()},
|
||||||
onNavigationBarButtonTap(e) {
|
onNavigationBarButtonTap(e) {
|
||||||
uni.showModal({
|
uni.showModal({
|
||||||
title: '提示',
|
title: '提示',
|
||||||
content: '确定要全部标记为已读吗2?',
|
content: '确定要全部标记为已读吗?',
|
||||||
success: (res) => {
|
success: (res) => {
|
||||||
if (res.confirm) {
|
if (res.confirm) {
|
||||||
updateStatus({
|
updateStatus({
|
||||||
@@ -136,8 +136,13 @@ export default {
|
|||||||
this.store.reload()
|
this.store.reload()
|
||||||
},
|
},
|
||||||
jump(item) {
|
jump(item) {
|
||||||
|
console.log(`123`,item);
|
||||||
|
console.log(`123`,this.type);
|
||||||
if (this.type === '0') {
|
if (this.type === '0') {
|
||||||
|
|
||||||
let str = JSON.stringify(item).replace(/%/g, '百分比')
|
let str = JSON.stringify(item).replace(/%/g, '百分比')
|
||||||
|
item.status = '1'
|
||||||
|
|
||||||
uni.navigateTo({ url: '/pages/message/messageDetail?detail=' + encodeURIComponent(str) })
|
uni.navigateTo({ url: '/pages/message/messageDetail?detail=' + encodeURIComponent(str) })
|
||||||
} else {
|
} else {
|
||||||
if (item.status != '1') {
|
if (item.status != '1') {
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
<view class="about">
|
<view class="about">
|
||||||
<image src="/static/logo.png" class="logo"></image>
|
<image src="/static/logo.png" class="logo"></image>
|
||||||
<view class="name">灿能物联</view>
|
<view class="name">灿能物联</view>
|
||||||
<view class="version">Version 1.6.0</view>
|
<view class="version">Version 1.6.1</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</Cn-page>
|
</Cn-page>
|
||||||
|
|||||||
@@ -2,38 +2,72 @@
|
|||||||
<!-- #ifdef APP-NVUE -->
|
<!-- #ifdef APP-NVUE -->
|
||||||
<cell>
|
<cell>
|
||||||
<!-- #endif -->
|
<!-- #endif -->
|
||||||
<view :hover-class="!clickable && !link ? '' : 'uni-list-chat--hover'" class="uni-list-chat" @click.stop="onClick">
|
<view
|
||||||
|
:hover-class="!clickable && !link ? '' : 'uni-list-chat--hover'"
|
||||||
|
class="uni-list-chat"
|
||||||
|
@click.stop="onClick"
|
||||||
|
>
|
||||||
<view :class="{ 'uni-list--border': border, 'uni-list-chat--first': isFirstChild }"></view>
|
<view :class="{ 'uni-list--border': border, 'uni-list-chat--first': isFirstChild }"></view>
|
||||||
<view class="uni-list-chat__container">
|
<view class="uni-list-chat__container">
|
||||||
<view class="uni-list-chat__header-warp">
|
<view class="uni-list-chat__header-warp">
|
||||||
<view v-if="avatarCircle || avatarList.length === 0" class="uni-list-chat__header" :class="{ 'header--circle': avatarCircle }">
|
<view
|
||||||
<image class="uni-list-chat__header-image" :class="{ 'header--circle': avatarCircle }" :src="avatarUrl" mode="aspectFill"></image>
|
v-if="avatarCircle || avatarList.length === 0"
|
||||||
|
class="uni-list-chat__header"
|
||||||
|
:class="{ 'header--circle': avatarCircle }"
|
||||||
|
>
|
||||||
|
<image
|
||||||
|
class="uni-list-chat__header-image"
|
||||||
|
:class="{ 'header--circle': avatarCircle }"
|
||||||
|
:src="avatarUrl"
|
||||||
|
mode="aspectFill"
|
||||||
|
></image>
|
||||||
</view>
|
</view>
|
||||||
<!-- 头像组 -->
|
<!-- 头像组 -->
|
||||||
<view v-else class="uni-list-chat__header">
|
<view v-else class="uni-list-chat__header">
|
||||||
<view v-for="(item, index) in avatarList" :key="index" class="uni-list-chat__header-box" :class="computedAvatar"
|
<view
|
||||||
:style="{ width: imageWidth + 'px', height: imageWidth + 'px' }">
|
v-for="(item, index) in avatarList"
|
||||||
<image class="uni-list-chat__header-image" :style="{ width: imageWidth + 'px', height: imageWidth + 'px' }" :src="item.url"
|
:key="index"
|
||||||
mode="aspectFill"></image>
|
class="uni-list-chat__header-box"
|
||||||
|
:class="computedAvatar"
|
||||||
|
:style="{ width: imageWidth + 'px', height: imageWidth + 'px' }"
|
||||||
|
>
|
||||||
|
<image
|
||||||
|
class="uni-list-chat__header-image"
|
||||||
|
:style="{ width: imageWidth + 'px', height: imageWidth + 'px' }"
|
||||||
|
:src="item.url"
|
||||||
|
mode="aspectFill"
|
||||||
|
></image>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view v-if="badgeText && badgePositon === 'left'" class="uni-list-chat__badge uni-list-chat__badge-pos" :class="[isSingle]">
|
<view
|
||||||
|
v-if="badgeText && badgePositon === 'left'"
|
||||||
|
class="uni-list-chat__badge uni-list-chat__badge-pos"
|
||||||
|
:class="[isSingle]"
|
||||||
|
>
|
||||||
<text class="uni-list-chat__badge-text">{{ badgeText === 'dot' ? '' : badgeText }}</text>
|
<text class="uni-list-chat__badge-text">{{ badgeText === 'dot' ? '' : badgeText }}</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="uni-list-chat__content">
|
<view class="uni-list-chat__content">
|
||||||
<view class="uni-list-chat__content-main">
|
<view class="uni-list-chat__content-main">
|
||||||
<text class="uni-list-chat__content-title uni-ellipsis">{{ title }}</text>
|
<text class="uni-list-chat__content-title uni-ellipsis">{{ title }}</text>
|
||||||
<view style="flex-direction: row;">
|
<view style="flex-direction: row">
|
||||||
<text class="draft" v-if="isDraft">[草稿]</text>
|
<text class="draft" v-if="isDraft">[草稿]</text>
|
||||||
<text class="uni-list-chat__content-note uni-ellipsis">{{isDraft?note.slice(14,-1):note}}</text>
|
<text class="uni-list-chat__content-note uni-ellipsis">{{
|
||||||
|
isDraft ? note.slice(14, -1) : note
|
||||||
|
}}</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="uni-list-chat__content-extra">
|
<view class="uni-list-chat__content-extra">
|
||||||
<slot>
|
<slot>
|
||||||
<text class="uni-list-chat__content-extra-text">{{ time }}</text>
|
<text class="uni-list-chat__content-extra-text">{{ time }}</text>
|
||||||
<view v-if="badgeText && badgePositon === 'right'" class="uni-list-chat__badge" :class="[isSingle, badgePositon === 'right' ? 'uni-list-chat--right' : '']">
|
<view
|
||||||
<text class="uni-list-chat__badge-text">{{ badgeText === 'dot' ? '' : badgeText }}</text>
|
v-if="badgeText && badgePositon === 'right'"
|
||||||
|
class="uni-list-chat__badge"
|
||||||
|
:class="[isSingle, badgePositon === 'right' ? 'uni-list-chat--right' : '']"
|
||||||
|
>
|
||||||
|
<text class="uni-list-chat__badge-text">{{
|
||||||
|
badgeText === 'dot' ? '' : badgeText
|
||||||
|
}}</text>
|
||||||
</view>
|
</view>
|
||||||
</slot>
|
</slot>
|
||||||
</view>
|
</view>
|
||||||
@@ -46,10 +80,10 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
// 头像大小
|
// 头像大小
|
||||||
const avatarWidth = 45;
|
const avatarWidth = 45
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* ListChat 聊天列表
|
* ListChat 聊天列表
|
||||||
* @description 聊天列表,用于创建聊天类列表
|
* @description 聊天列表,用于创建聊天类列表
|
||||||
* @tutorial https://ext.dcloud.net.cn/plugin?id=24
|
* @tutorial https://ext.dcloud.net.cn/plugin?id=24
|
||||||
@@ -71,105 +105,107 @@
|
|||||||
* @property {Array} avatarList 头像组,格式为 [{url:''}]
|
* @property {Array} avatarList 头像组,格式为 [{url:''}]
|
||||||
* @event {Function} click 点击 uniListChat 触发事件
|
* @event {Function} click 点击 uniListChat 触发事件
|
||||||
*/
|
*/
|
||||||
export default {
|
export default {
|
||||||
name: 'UniListChat',
|
name: 'UniListChat',
|
||||||
emits:['click'],
|
emits: ['click'],
|
||||||
props: {
|
props: {
|
||||||
title: {
|
title: {
|
||||||
type: String,
|
type: String,
|
||||||
default: ''
|
default: '',
|
||||||
},
|
},
|
||||||
note: {
|
note: {
|
||||||
type: String,
|
type: String,
|
||||||
default: ''
|
default: '',
|
||||||
},
|
},
|
||||||
clickable: {
|
clickable: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: false
|
default: false,
|
||||||
},
|
},
|
||||||
link: {
|
link: {
|
||||||
type: [Boolean, String],
|
type: [Boolean, String],
|
||||||
default: false
|
default: false,
|
||||||
},
|
},
|
||||||
to: {
|
to: {
|
||||||
type: String,
|
type: String,
|
||||||
default: ''
|
default: '',
|
||||||
},
|
},
|
||||||
badgeText: {
|
badgeText: {
|
||||||
type: [String, Number],
|
type: [String, Number],
|
||||||
default: ''
|
default: '',
|
||||||
},
|
},
|
||||||
badgePositon: {
|
badgePositon: {
|
||||||
type: String,
|
type: String,
|
||||||
default: 'right'
|
default: 'right',
|
||||||
},
|
},
|
||||||
time: {
|
time: {
|
||||||
type: String,
|
type: String,
|
||||||
default: ''
|
default: '',
|
||||||
},
|
},
|
||||||
avatarCircle: {
|
avatarCircle: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: false
|
default: false,
|
||||||
},
|
},
|
||||||
avatar: {
|
avatar: {
|
||||||
type: String,
|
type: String,
|
||||||
default: ''
|
default: '',
|
||||||
},
|
},
|
||||||
avatarList: {
|
avatarList: {
|
||||||
type: Array,
|
type: Array,
|
||||||
default () {
|
default() {
|
||||||
return [];
|
return []
|
||||||
}
|
},
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
// inject: ['list'],
|
// inject: ['list'],
|
||||||
computed: {
|
computed: {
|
||||||
isDraft(){
|
isDraft() {
|
||||||
return this.note.slice(0,14) == '[uni-im-draft]'
|
return this.note.slice(0, 14) == '[uni-im-draft]'
|
||||||
},
|
},
|
||||||
isSingle() {
|
isSingle() {
|
||||||
if (this.badgeText === 'dot') {
|
if (this.badgeText === 'dot') {
|
||||||
return 'uni-badge--dot';
|
return 'uni-badge--dot'
|
||||||
} else {
|
} else {
|
||||||
const badgeText = this.badgeText.toString();
|
const badgeText = this.badgeText.toString()
|
||||||
if (badgeText.length > 1) {
|
if (badgeText.length > 1) {
|
||||||
return 'uni-badge--complex';
|
return 'uni-badge--complex'
|
||||||
} else {
|
} else {
|
||||||
return 'uni-badge--single';
|
return 'uni-badge--single'
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computedAvatar() {
|
computedAvatar() {
|
||||||
if (this.avatarList.length > 4) {
|
if (this.avatarList.length > 4) {
|
||||||
this.imageWidth = avatarWidth * 0.31;
|
this.imageWidth = avatarWidth * 0.31
|
||||||
return 'avatarItem--3';
|
return 'avatarItem--3'
|
||||||
} else if (this.avatarList.length > 1) {
|
} else if (this.avatarList.length > 1) {
|
||||||
this.imageWidth = avatarWidth * 0.47;
|
this.imageWidth = avatarWidth * 0.47
|
||||||
return 'avatarItem--2';
|
return 'avatarItem--2'
|
||||||
} else {
|
} else {
|
||||||
this.imageWidth = avatarWidth;
|
this.imageWidth = avatarWidth
|
||||||
return 'avatarItem--1';
|
return 'avatarItem--1'
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
},
|
||||||
watch: {
|
watch: {
|
||||||
avatar:{
|
avatar: {
|
||||||
handler(avatar) {
|
handler(avatar) {
|
||||||
if(avatar.includes('://')){
|
if (avatar.includes('://')) {
|
||||||
uniCloud.getTempFileURL({
|
uniCloud
|
||||||
fileList: [avatar]
|
.getTempFileURL({
|
||||||
}).then(res=>{
|
fileList: [avatar],
|
||||||
|
})
|
||||||
|
.then((res) => {
|
||||||
// console.log(res);
|
// console.log(res);
|
||||||
// 兼容uniCloud私有化部署
|
// 兼容uniCloud私有化部署
|
||||||
let fileList = res.fileList || res.result.fileList
|
let fileList = res.fileList || res.result.fileList
|
||||||
this.avatarUrl = fileList[0].tempFileURL
|
this.avatarUrl = fileList[0].tempFileURL
|
||||||
})
|
})
|
||||||
}else{
|
} else {
|
||||||
this.avatarUrl = avatar
|
this.avatarUrl = avatar
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
immediate: true
|
immediate: true,
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
@@ -177,17 +213,17 @@
|
|||||||
border: true,
|
border: true,
|
||||||
// avatarList: 3,
|
// avatarList: 3,
|
||||||
imageWidth: 50,
|
imageWidth: 50,
|
||||||
avatarUrl:''
|
avatarUrl: '',
|
||||||
};
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.list = this.getForm()
|
this.list = this.getForm()
|
||||||
if (this.list) {
|
if (this.list) {
|
||||||
if (!this.list.firstChildAppend) {
|
if (!this.list.firstChildAppend) {
|
||||||
this.list.firstChildAppend = true;
|
this.list.firstChildAppend = true
|
||||||
this.isFirstChild = true;
|
this.isFirstChild = true
|
||||||
}
|
}
|
||||||
this.border = this.list.border;
|
this.border = this.list.border
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
@@ -195,102 +231,102 @@
|
|||||||
* 获取父元素实例
|
* 获取父元素实例
|
||||||
*/
|
*/
|
||||||
getForm(name = 'uniList') {
|
getForm(name = 'uniList') {
|
||||||
let parent = this.$parent;
|
let parent = this.$parent
|
||||||
let parentName = parent.$options.name;
|
let parentName = parent.$options.name
|
||||||
while (parentName !== name) {
|
while (parentName !== name) {
|
||||||
parent = parent.$parent;
|
parent = parent.$parent
|
||||||
if (!parent) return false
|
if (!parent) return false
|
||||||
parentName = parent.$options.name;
|
parentName = parent.$options.name
|
||||||
}
|
}
|
||||||
return parent;
|
return parent
|
||||||
},
|
},
|
||||||
onClick() {
|
onClick() {
|
||||||
if (this.to !== '') {
|
if (this.to !== '') {
|
||||||
this.openPage();
|
this.openPage()
|
||||||
return;
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
if (this.clickable || this.link) {
|
if (this.clickable || this.link) {
|
||||||
this.$emit('click', {
|
this.$emit('click', {
|
||||||
data: {}
|
data: {},
|
||||||
});
|
})
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
openPage() {
|
openPage() {
|
||||||
if (['navigateTo', 'redirectTo', 'reLaunch', 'switchTab'].indexOf(this.link) !== -1) {
|
if (['navigateTo', 'redirectTo', 'reLaunch', 'switchTab'].indexOf(this.link) !== -1) {
|
||||||
this.pageApi(this.link);
|
this.pageApi(this.link)
|
||||||
} else {
|
} else {
|
||||||
this.pageApi('navigateTo');
|
this.pageApi('navigateTo')
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
pageApi(api) {
|
pageApi(api) {
|
||||||
uni[api]({
|
uni[api]({
|
||||||
url: this.to,
|
url: this.to,
|
||||||
success: res => {
|
success: (res) => {
|
||||||
this.$emit('click', {
|
this.$emit('click', {
|
||||||
data: res
|
data: res,
|
||||||
});
|
})
|
||||||
},
|
},
|
||||||
fail: err => {
|
fail: (err) => {
|
||||||
this.$emit('click', {
|
this.$emit('click', {
|
||||||
data: err
|
data: err,
|
||||||
});
|
})
|
||||||
console.error(err.errMsg);
|
console.error(err.errMsg)
|
||||||
}
|
},
|
||||||
});
|
})
|
||||||
}
|
},
|
||||||
}
|
},
|
||||||
};
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" >
|
<style lang="scss">
|
||||||
$uni-font-size-lg:16px;
|
$uni-font-size-lg: 16px;
|
||||||
$uni-spacing-row-sm: 5px;
|
$uni-spacing-row-sm: 5px;
|
||||||
$uni-spacing-row-base: 10px;
|
$uni-spacing-row-base: 10px;
|
||||||
$uni-spacing-row-lg: 15px;
|
$uni-spacing-row-lg: 15px;
|
||||||
$background-color: #fff;
|
$background-color: #fff;
|
||||||
$divide-line-color: #e5e5e5;
|
$divide-line-color: #e5e5e5;
|
||||||
$avatar-width: 45px;
|
$avatar-width: 45px;
|
||||||
$avatar-border-radius: 5px;
|
$avatar-border-radius: 5px;
|
||||||
$avatar-border-color: #eee;
|
$avatar-border-color: #eee;
|
||||||
$avatar-border-width: 1px;
|
$avatar-border-width: 1px;
|
||||||
$title-size: 16px;
|
$title-size: 16px;
|
||||||
$title-color: #3b4144;
|
$title-color: #3b4144;
|
||||||
$title-weight: normal;
|
$title-weight: normal;
|
||||||
$note-size: 12px;
|
$note-size: 12px;
|
||||||
$note-color: #999;
|
$note-color: #999;
|
||||||
$note-weight: normal;
|
$note-weight: normal;
|
||||||
$right-text-size: 12px;
|
$right-text-size: 12px;
|
||||||
$right-text-color: #999;
|
$right-text-color: #999;
|
||||||
$right-text-weight: normal;
|
$right-text-weight: normal;
|
||||||
$badge-left: 0px;
|
$badge-left: 0px;
|
||||||
$badge-top: 0px;
|
$badge-top: 0px;
|
||||||
$dot-width: 10px;
|
$dot-width: 10px;
|
||||||
$dot-height: 10px;
|
$dot-height: 10px;
|
||||||
$badge-size: 18px;
|
$badge-size: 18px;
|
||||||
$badge-font: 12px;
|
$badge-font: 12px;
|
||||||
$badge-color: #fff;
|
$badge-color: #fff;
|
||||||
$badge-background-color: #ff5a5f;
|
$badge-background-color: #ff5a5f;
|
||||||
$badge-space: 6px;
|
$badge-space: 6px;
|
||||||
$hover: #f5f5f5;
|
$hover: #f5f5f5;
|
||||||
|
|
||||||
.uni-list-chat {
|
.uni-list-chat {
|
||||||
font-size: $uni-font-size-lg;
|
font-size: $uni-font-size-lg;
|
||||||
position: relative;
|
position: relative;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
background-color: $background-color;
|
background-color: $background-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
// .uni-list-chat--disabled {
|
// .uni-list-chat--disabled {
|
||||||
// opacity: 0.3;
|
// opacity: 0.3;
|
||||||
// }
|
// }
|
||||||
|
|
||||||
.uni-list-chat--hover {
|
.uni-list-chat--hover {
|
||||||
background-color: $hover;
|
background-color: $hover;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uni-list--border {
|
.uni-list--border {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-left: $uni-spacing-row-lg;
|
margin-left: $uni-spacing-row-lg;
|
||||||
/* #ifdef APP-PLUS */
|
/* #ifdef APP-PLUS */
|
||||||
@@ -298,10 +334,10 @@
|
|||||||
border-top-style: solid;
|
border-top-style: solid;
|
||||||
border-top-width: 0.5px;
|
border-top-width: 0.5px;
|
||||||
/* #endif */
|
/* #endif */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* #ifndef APP-NVUE */
|
/* #ifndef APP-NVUE */
|
||||||
.uni-list--border:after {
|
.uni-list--border:after {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
@@ -311,19 +347,19 @@
|
|||||||
-webkit-transform: scaleY(0.5);
|
-webkit-transform: scaleY(0.5);
|
||||||
transform: scaleY(0.5);
|
transform: scaleY(0.5);
|
||||||
background-color: $divide-line-color;
|
background-color: $divide-line-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uni-list-item--first:after {
|
.uni-list-item--first:after {
|
||||||
height: 0px;
|
height: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* #endif */
|
/* #endif */
|
||||||
|
|
||||||
.uni-list-chat--first {
|
.uni-list-chat--first {
|
||||||
border-top-width: 0px;
|
border-top-width: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uni-ellipsis {
|
.uni-ellipsis {
|
||||||
/* #ifndef APP-NVUE */
|
/* #ifndef APP-NVUE */
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
@@ -332,9 +368,9 @@
|
|||||||
/* #ifdef APP-NVUE */
|
/* #ifdef APP-NVUE */
|
||||||
lines: 1;
|
lines: 1;
|
||||||
/* #endif */
|
/* #endif */
|
||||||
}
|
}
|
||||||
|
|
||||||
.uni-ellipsis-2 {
|
.uni-ellipsis-2 {
|
||||||
/* #ifndef APP-NVUE */
|
/* #ifndef APP-NVUE */
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
@@ -346,9 +382,9 @@
|
|||||||
/* #ifdef APP-NVUE */
|
/* #ifdef APP-NVUE */
|
||||||
lines: 2;
|
lines: 2;
|
||||||
/* #endif */
|
/* #endif */
|
||||||
}
|
}
|
||||||
|
|
||||||
.uni-list-chat__container {
|
.uni-list-chat__container {
|
||||||
position: relative;
|
position: relative;
|
||||||
/* #ifndef APP-NVUE */
|
/* #ifndef APP-NVUE */
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -358,13 +394,13 @@
|
|||||||
padding: $uni-spacing-row-base $uni-spacing-row-lg;
|
padding: $uni-spacing-row-base $uni-spacing-row-lg;
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uni-list-chat__header-warp {
|
.uni-list-chat__header-warp {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uni-list-chat__header {
|
.uni-list-chat__header {
|
||||||
/* #ifndef APP-NVUE */
|
/* #ifndef APP-NVUE */
|
||||||
display: flex;
|
display: flex;
|
||||||
align-content: center;
|
align-content: center;
|
||||||
@@ -387,9 +423,9 @@
|
|||||||
border-width: $avatar-border-width;
|
border-width: $avatar-border-width;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uni-list-chat__header-box {
|
.uni-list-chat__header-box {
|
||||||
/* #ifndef APP-PLUS */
|
/* #ifndef APP-PLUS */
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -402,9 +438,9 @@
|
|||||||
/* #endif */
|
/* #endif */
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uni-list-chat__header-image {
|
.uni-list-chat__header-image {
|
||||||
margin: 1px;
|
margin: 1px;
|
||||||
/* #ifdef APP-NVUE */
|
/* #ifdef APP-NVUE */
|
||||||
width: 50px;
|
width: 50px;
|
||||||
@@ -414,36 +450,36 @@
|
|||||||
width: $avatar-width;
|
width: $avatar-width;
|
||||||
height: $avatar-width;
|
height: $avatar-width;
|
||||||
/* #endif */
|
/* #endif */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* #ifndef APP-NVUE */
|
/* #ifndef APP-NVUE */
|
||||||
.uni-list-chat__header-image {
|
.uni-list-chat__header-image {
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.avatarItem--1 {
|
.avatarItem--1 {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.avatarItem--2 {
|
.avatarItem--2 {
|
||||||
width: 47%;
|
width: 47%;
|
||||||
height: 47%;
|
height: 47%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.avatarItem--3 {
|
.avatarItem--3 {
|
||||||
width: 32%;
|
width: 32%;
|
||||||
height: 32%;
|
height: 32%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* #endif */
|
/* #endif */
|
||||||
.header--circle {
|
.header--circle {
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uni-list-chat__content {
|
.uni-list-chat__content {
|
||||||
/* #ifndef APP-NVUE */
|
/* #ifndef APP-NVUE */
|
||||||
display: flex;
|
display: flex;
|
||||||
/* #endif */
|
/* #endif */
|
||||||
@@ -451,9 +487,9 @@
|
|||||||
flex: 1;
|
flex: 1;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
padding: 2px 0;
|
padding: 2px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uni-list-chat__content-main {
|
.uni-list-chat__content-main {
|
||||||
/* #ifndef APP-NVUE */
|
/* #ifndef APP-NVUE */
|
||||||
display: flex;
|
display: flex;
|
||||||
/* #endif */
|
/* #endif */
|
||||||
@@ -462,31 +498,32 @@
|
|||||||
padding-left: $uni-spacing-row-base;
|
padding-left: $uni-spacing-row-base;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uni-list-chat__content-title {
|
.uni-list-chat__content-title {
|
||||||
font-size: $title-size;
|
font-size: $title-size;
|
||||||
color: $title-color;
|
color: $title-color;
|
||||||
font-weight: $title-weight;
|
font-weight: $title-weight;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.draft ,.uni-list-chat__content-note {
|
.draft,
|
||||||
|
.uni-list-chat__content-note {
|
||||||
margin-top: 3px;
|
margin-top: 3px;
|
||||||
color: $note-color;
|
color: $note-color;
|
||||||
font-size: $note-size;
|
font-size: $note-size;
|
||||||
font-weight: $title-weight;
|
font-weight: $title-weight;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.draft{
|
.draft {
|
||||||
color: #eb3a41;
|
color: #eb3a41;
|
||||||
/* #ifndef APP-NVUE */
|
/* #ifndef APP-NVUE */
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
/* #endif */
|
/* #endif */
|
||||||
padding-right: 3px;
|
padding-right: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uni-list-chat__content-extra {
|
.uni-list-chat__content-extra {
|
||||||
/* #ifndef APP-NVUE */
|
/* #ifndef APP-NVUE */
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -495,16 +532,16 @@
|
|||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: flex-end;
|
align-items: flex-end;
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uni-list-chat__content-extra-text {
|
.uni-list-chat__content-extra-text {
|
||||||
color: $right-text-color;
|
color: $right-text-color;
|
||||||
font-size: $right-text-size;
|
font-size: $right-text-size;
|
||||||
font-weight: $right-text-weight;
|
font-weight: $right-text-weight;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uni-list-chat__badge-pos {
|
.uni-list-chat__badge-pos {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
/* #ifdef APP-NVUE */
|
/* #ifdef APP-NVUE */
|
||||||
left: 55px;
|
left: 55px;
|
||||||
@@ -514,9 +551,9 @@
|
|||||||
left: calc(#{$avatar-width} + 10px - #{$badge-space} + #{$badge-left});
|
left: calc(#{$avatar-width} + 10px - #{$badge-space} + #{$badge-left});
|
||||||
top: calc(#{$uni-spacing-row-base}/ 2 + 1px + #{$badge-top});
|
top: calc(#{$uni-spacing-row-base}/ 2 + 1px + #{$badge-top});
|
||||||
/* #endif */
|
/* #endif */
|
||||||
}
|
}
|
||||||
|
|
||||||
.uni-list-chat__badge {
|
.uni-list-chat__badge {
|
||||||
/* #ifndef APP-NVUE */
|
/* #ifndef APP-NVUE */
|
||||||
display: flex;
|
display: flex;
|
||||||
/* #endif */
|
/* #endif */
|
||||||
@@ -524,22 +561,22 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
border-radius: 100px;
|
border-radius: 100px;
|
||||||
background-color: $badge-background-color;
|
background-color: $badge-background-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uni-list-chat__badge-text {
|
.uni-list-chat__badge-text {
|
||||||
color: $badge-color;
|
color: $badge-color;
|
||||||
font-size: $badge-font;
|
font-size: $badge-font;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uni-badge--single {
|
.uni-badge--single {
|
||||||
/* #ifndef APP-NVUE */
|
/* #ifndef APP-NVUE */
|
||||||
// left: calc(#{$avatar-width} + 7px + #{$badge-left});
|
// left: calc(#{$avatar-width} + 7px + #{$badge-left});
|
||||||
/* #endif */
|
/* #endif */
|
||||||
width: $badge-size;
|
width: $badge-size;
|
||||||
height: $badge-size;
|
height: $badge-size;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uni-badge--complex {
|
.uni-badge--complex {
|
||||||
/* #ifdef APP-NVUE */
|
/* #ifdef APP-NVUE */
|
||||||
left: 50px;
|
left: 50px;
|
||||||
/* #endif */
|
/* #endif */
|
||||||
@@ -548,9 +585,9 @@
|
|||||||
/* #endif */
|
/* #endif */
|
||||||
height: $badge-size;
|
height: $badge-size;
|
||||||
padding: 0 $badge-space;
|
padding: 0 $badge-space;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uni-badge--dot {
|
.uni-badge--dot {
|
||||||
/* #ifdef APP-NVUE */
|
/* #ifdef APP-NVUE */
|
||||||
left: 60px;
|
left: 60px;
|
||||||
top: 6px;
|
top: 6px;
|
||||||
@@ -561,11 +598,11 @@
|
|||||||
width: $dot-width;
|
width: $dot-width;
|
||||||
height: $dot-height;
|
height: $dot-height;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.uni-list-chat--right {
|
.uni-list-chat--right {
|
||||||
/* #ifdef APP-NVUE */
|
/* #ifdef APP-NVUE */
|
||||||
left: 0;
|
left: 0;
|
||||||
/* #endif */
|
/* #endif */
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user