bug调整
This commit is contained in:
parent
de5e1be49f
commit
7b86bd334c
@ -9,7 +9,7 @@
|
|||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
:class="{
|
:class="{
|
||||||
'control-reverse': message.flow === 'out'
|
'control-reverse': message.flow === 'out',
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
<!-- message-bubble-container -->
|
<!-- message-bubble-container -->
|
||||||
@ -21,19 +21,23 @@
|
|||||||
<Avatar
|
<Avatar
|
||||||
useSkeletonAnimation
|
useSkeletonAnimation
|
||||||
:url="message.avatar || ''"
|
:url="message.avatar || ''"
|
||||||
:style="{flex: '0 0 auto'}"
|
:style="{ flex: '0 0 auto' }"
|
||||||
/>
|
/>
|
||||||
<main
|
<main class="message-body" @click.stop>
|
||||||
class="message-body"
|
|
||||||
@click.stop
|
|
||||||
>
|
|
||||||
<div
|
<div
|
||||||
v-if="message.flow === 'in' && message.conversationType === 'GROUP'"
|
v-if="
|
||||||
|
message.flow === 'in' && message.conversationType === 'GROUP'
|
||||||
|
"
|
||||||
class="message-body-nick-name"
|
class="message-body-nick-name"
|
||||||
>
|
>
|
||||||
{{ props.content.showName }}
|
{{ props.content.showName }}
|
||||||
</div>
|
</div>
|
||||||
<div :class="['message-body-main', message.flow === 'out' && 'message-body-main-reverse']">
|
<div
|
||||||
|
:class="[
|
||||||
|
'message-body-main',
|
||||||
|
message.flow === 'out' && 'message-body-main-reverse',
|
||||||
|
]"
|
||||||
|
>
|
||||||
<div
|
<div
|
||||||
:class="[
|
:class="[
|
||||||
'blink',
|
'blink',
|
||||||
@ -48,12 +52,16 @@
|
|||||||
<div class="content-main">
|
<div class="content-main">
|
||||||
<img
|
<img
|
||||||
v-if="
|
v-if="
|
||||||
(message.type === TYPES.MSG_IMAGE || message.type === TYPES.MSG_VIDEO) &&
|
(message.type === TYPES.MSG_IMAGE ||
|
||||||
message.hasRiskContent
|
message.type === TYPES.MSG_VIDEO) &&
|
||||||
|
message.hasRiskContent
|
||||||
"
|
"
|
||||||
:class="['message-risk-replace', !isPC && 'message-risk-replace-h5']"
|
:class="[
|
||||||
|
'message-risk-replace',
|
||||||
|
!isPC && 'message-risk-replace-h5',
|
||||||
|
]"
|
||||||
:src="riskImageReplaceUrl"
|
:src="riskImageReplaceUrl"
|
||||||
>
|
/>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<slot />
|
<slot />
|
||||||
</template>
|
</template>
|
||||||
@ -67,10 +75,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- audio unplay mark -->
|
<!-- audio unplay mark -->
|
||||||
<div
|
<div v-if="isDisplayUnplayMark" class="audio-unplay-mark" />
|
||||||
v-if="isDisplayUnplayMark"
|
|
||||||
class="audio-unplay-mark"
|
|
||||||
/>
|
|
||||||
<!-- Fail Icon -->
|
<!-- Fail Icon -->
|
||||||
<div
|
<div
|
||||||
v-if="message.status === 'fail' || message.hasRiskContent"
|
v-if="message.status === 'fail' || message.hasRiskContent"
|
||||||
@ -81,7 +86,10 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- Loading Icon -->
|
<!-- Loading Icon -->
|
||||||
<Icon
|
<Icon
|
||||||
v-if="message.status === 'unSend' && needLoadingIconMessageType.includes(message.type)"
|
v-if="
|
||||||
|
message.status === 'unSend' &&
|
||||||
|
needLoadingIconMessageType.includes(message.type)
|
||||||
|
"
|
||||||
class="message-label loading-circle"
|
class="message-label loading-circle"
|
||||||
:file="loadingIcon"
|
:file="loadingIcon"
|
||||||
:width="'15px'"
|
:width="'15px'"
|
||||||
@ -89,6 +97,7 @@
|
|||||||
/>
|
/>
|
||||||
<!-- Read & Unread -->
|
<!-- Read & Unread -->
|
||||||
<ReadStatus
|
<ReadStatus
|
||||||
|
v-if="message.conversationType !== 'GROUP'"
|
||||||
class="message-label align-self-bottom"
|
class="message-label align-self-bottom"
|
||||||
:message="shallowCopyMessage(message)"
|
:message="shallowCopyMessage(message)"
|
||||||
@openReadUserPanel="openReadUserPanel"
|
@openReadUserPanel="openReadUserPanel"
|
||||||
@ -122,18 +131,21 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
import { computed, toRefs } from '../../../../adapter-vue';
|
import { computed, toRefs } from "../../../../adapter-vue";
|
||||||
import TUIChatEngine, { TUITranslateService, IMessageModel } from '@tencentcloud/chat-uikit-engine';
|
import TUIChatEngine, {
|
||||||
import Icon from '../../../common/Icon.vue';
|
TUITranslateService,
|
||||||
import ReadStatus from './read-status/index.vue';
|
IMessageModel,
|
||||||
import MessageQuote from './message-quote/index.vue';
|
} from "@tencentcloud/chat-uikit-engine";
|
||||||
import Avatar from '../../../common/Avatar/index.vue';
|
import Icon from "../../../common/Icon.vue";
|
||||||
import MessageTranslate from './message-translate/index.vue';
|
import ReadStatus from "./read-status/index.vue";
|
||||||
import MessageConvert from './message-convert/index.vue';
|
import MessageQuote from "./message-quote/index.vue";
|
||||||
import RadioSelect from '../../../common/RadioSelect/index.vue';
|
import Avatar from "../../../common/Avatar/index.vue";
|
||||||
import loadingIcon from '../../../../assets/icon/loading.png';
|
import MessageTranslate from "./message-translate/index.vue";
|
||||||
import { shallowCopyMessage } from '../../utils/utils';
|
import MessageConvert from "./message-convert/index.vue";
|
||||||
import { isPC } from '../../../../utils/env';
|
import RadioSelect from "../../../common/RadioSelect/index.vue";
|
||||||
|
import loadingIcon from "../../../../assets/icon/loading.png";
|
||||||
|
import { shallowCopyMessage } from "../../utils/utils";
|
||||||
|
import { isPC } from "../../../../utils/env";
|
||||||
|
|
||||||
interface IProps {
|
interface IProps {
|
||||||
messageItem: IMessageModel;
|
messageItem: IMessageModel;
|
||||||
@ -146,12 +158,19 @@ interface IProps {
|
|||||||
}
|
}
|
||||||
|
|
||||||
interface IEmits {
|
interface IEmits {
|
||||||
(e: 'resendMessage'): void;
|
(e: "resendMessage"): void;
|
||||||
(e: 'blinkMessage', messageID: string): void;
|
(e: "blinkMessage", messageID: string): void;
|
||||||
(e: 'setReadReceiptPanelVisible', visible: boolean, message?: IMessageModel): void;
|
(
|
||||||
(e: 'changeSelectMessageIDList', options: { type: 'add' | 'remove' | 'clearAll'; messageID: string }): void;
|
e: "setReadReceiptPanelVisible",
|
||||||
|
visible: boolean,
|
||||||
|
message?: IMessageModel
|
||||||
|
): void;
|
||||||
|
(
|
||||||
|
e: "changeSelectMessageIDList",
|
||||||
|
options: { type: "add" | "remove" | "clearAll"; messageID: string }
|
||||||
|
): void;
|
||||||
// Only for uni-app
|
// Only for uni-app
|
||||||
(e: 'scrollTo', scrollHeight: number): void;
|
(e: "scrollTo", scrollHeight: number): void;
|
||||||
}
|
}
|
||||||
|
|
||||||
const emits = defineEmits<IEmits>();
|
const emits = defineEmits<IEmits>();
|
||||||
@ -167,7 +186,8 @@ const props = withDefaults(defineProps<IProps>(), {
|
|||||||
});
|
});
|
||||||
|
|
||||||
const TYPES = TUIChatEngine.TYPES;
|
const TYPES = TUIChatEngine.TYPES;
|
||||||
const riskImageReplaceUrl = 'https://web.sdk.qcloud.com/component/TUIKit/assets/has_risk_default.png';
|
const riskImageReplaceUrl =
|
||||||
|
"https://web.sdk.qcloud.com/component/TUIKit/assets/has_risk_default.png";
|
||||||
const needLoadingIconMessageType = [
|
const needLoadingIconMessageType = [
|
||||||
TYPES.MSG_LOCATION,
|
TYPES.MSG_LOCATION,
|
||||||
TYPES.MSG_TEXT,
|
TYPES.MSG_TEXT,
|
||||||
@ -183,31 +203,37 @@ const isMultipleSelected = computed<boolean>(() => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
const isDisplayUnplayMark = computed<boolean>(() => {
|
const isDisplayUnplayMark = computed<boolean>(() => {
|
||||||
return message.value.flow === 'in'
|
return (
|
||||||
&& message.value.status === 'success'
|
message.value.flow === "in" &&
|
||||||
&& message.value.type === TYPES.MSG_AUDIO
|
message.value.status === "success" &&
|
||||||
&& !props.isAudioPlayed;
|
message.value.type === TYPES.MSG_AUDIO &&
|
||||||
|
!props.isAudioPlayed
|
||||||
|
);
|
||||||
});
|
});
|
||||||
|
|
||||||
const containerClassNameList = computed(() => {
|
const containerClassNameList = computed(() => {
|
||||||
return [
|
return [
|
||||||
'message-bubble',
|
"message-bubble",
|
||||||
isMultipleSelected.value ? 'multiple-selected' : '',
|
isMultipleSelected.value ? "multiple-selected" : "",
|
||||||
...props.classNameList,
|
...props.classNameList,
|
||||||
];
|
];
|
||||||
});
|
});
|
||||||
|
|
||||||
const isNoPadding = computed(() => {
|
const isNoPadding = computed(() => {
|
||||||
return [TYPES.MSG_IMAGE, TYPES.MSG_VIDEO, TYPES.MSG_MERGER].includes(message.value.type);
|
return [TYPES.MSG_IMAGE, TYPES.MSG_VIDEO, TYPES.MSG_MERGER].includes(
|
||||||
|
message.value.type
|
||||||
|
);
|
||||||
});
|
});
|
||||||
|
|
||||||
const riskContentText = computed<string>(() => {
|
const riskContentText = computed<string>(() => {
|
||||||
let content = TUITranslateService.t('TUIChat.涉及敏感内容') + ', ';
|
let content = TUITranslateService.t("TUIChat.涉及敏感内容") + ", ";
|
||||||
if (message.value.flow === 'out') {
|
if (message.value.flow === "out") {
|
||||||
content += TUITranslateService.t('TUIChat.发送失败');
|
content += TUITranslateService.t("TUIChat.发送失败");
|
||||||
} else {
|
} else {
|
||||||
content += TUITranslateService.t(
|
content += TUITranslateService.t(
|
||||||
message.value.type === TYPES.MSG_AUDIO ? 'TUIChat.无法收听' : 'TUIChat.无法查看',
|
message.value.type === TYPES.MSG_AUDIO
|
||||||
|
? "TUIChat.无法收听"
|
||||||
|
: "TUIChat.无法查看"
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
return content;
|
return content;
|
||||||
@ -221,28 +247,28 @@ const isBlink = computed(() => {
|
|||||||
});
|
});
|
||||||
|
|
||||||
function toggleMultipleSelect(isSelected: boolean) {
|
function toggleMultipleSelect(isSelected: boolean) {
|
||||||
emits('changeSelectMessageIDList', {
|
emits("changeSelectMessageIDList", {
|
||||||
type: isSelected ? 'add' : 'remove',
|
type: isSelected ? "add" : "remove",
|
||||||
messageID: message.value.ID,
|
messageID: message.value.ID,
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function resendMessage() {
|
function resendMessage() {
|
||||||
if (!message.value?.hasRiskContent) {
|
if (!message.value?.hasRiskContent) {
|
||||||
emits('resendMessage');
|
emits("resendMessage");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function blinkMessage(messageID: string) {
|
function blinkMessage(messageID: string) {
|
||||||
emits('blinkMessage', messageID);
|
emits("blinkMessage", messageID);
|
||||||
}
|
}
|
||||||
|
|
||||||
function scrollTo(scrollHeight: number) {
|
function scrollTo(scrollHeight: number) {
|
||||||
emits('scrollTo', scrollHeight);
|
emits("scrollTo", scrollHeight);
|
||||||
}
|
}
|
||||||
|
|
||||||
function openReadUserPanel() {
|
function openReadUserPanel() {
|
||||||
emits('setReadReceiptPanelVisible', true, message.value);
|
emits("setReadReceiptPanelVisible", true, message.value);
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@ -376,96 +402,96 @@ function openReadUserPanel() {
|
|||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
border-top: 1px solid #e5c7c7;
|
border-top: 1px solid #e5c7c7;
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-in {
|
|
||||||
background: #fbfbfb;
|
|
||||||
border-radius: 0 10px 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-out {
|
|
||||||
background: #dceafd;
|
|
||||||
border-radius: 10px 0 10px 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-no-padding {
|
|
||||||
padding: 0;
|
|
||||||
background: transparent;
|
|
||||||
border-radius: 10px;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-no-padding.content-has-risk {
|
|
||||||
padding: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content-has-risk {
|
|
||||||
background: rgba(250, 81, 81, 0.16);
|
|
||||||
}
|
|
||||||
|
|
||||||
.blink-shadow {
|
|
||||||
@keyframes shadow-blink {
|
|
||||||
50% {
|
|
||||||
box-shadow: rgba(255, 156, 25, 1) 0 0 10px 0;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
box-shadow: rgba(255, 156, 25, 0) 0 0 10px 0;
|
.content-in {
|
||||||
animation: shadow-blink 1s linear 3;
|
background: #fbfbfb;
|
||||||
}
|
border-radius: 0 10px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
.blink-content {
|
.content-out {
|
||||||
@keyframes reference-blink {
|
background: #dceafd;
|
||||||
50% {
|
border-radius: 10px 0 10px 10px;
|
||||||
background-color: #ff9c19;
|
}
|
||||||
|
|
||||||
|
.content-no-padding {
|
||||||
|
padding: 0;
|
||||||
|
background: transparent;
|
||||||
|
border-radius: 10px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-no-padding.content-has-risk {
|
||||||
|
padding: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-has-risk {
|
||||||
|
background: rgba(250, 81, 81, 0.16);
|
||||||
|
}
|
||||||
|
|
||||||
|
.blink-shadow {
|
||||||
|
@keyframes shadow-blink {
|
||||||
|
50% {
|
||||||
|
box-shadow: rgba(255, 156, 25, 1) 0 0 10px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
box-shadow: rgba(255, 156, 25, 0) 0 0 10px 0;
|
||||||
|
animation: shadow-blink 1s linear 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blink-content {
|
||||||
|
@keyframes reference-blink {
|
||||||
|
50% {
|
||||||
|
background-color: #ff9c19;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
animation: reference-blink 1s linear 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-label {
|
||||||
|
align-self: flex-end;
|
||||||
|
font-family: PingFangSC-Regular;
|
||||||
|
font-size: 12px;
|
||||||
|
color: #b6b8ba;
|
||||||
|
word-break: keep-all;
|
||||||
|
flex: 0 0 auto;
|
||||||
|
margin: 0 8px;
|
||||||
|
|
||||||
|
&.fail {
|
||||||
|
width: 15px;
|
||||||
|
height: 15px;
|
||||||
|
border-radius: 15px;
|
||||||
|
background: red;
|
||||||
|
color: #fff;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.loading-circle {
|
||||||
|
opacity: 0;
|
||||||
|
animation: circle-loading 2s linear 1s infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes circle-loading {
|
||||||
|
0% {
|
||||||
|
transform: rotate(0);
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 1;
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
animation: reference-blink 1s linear 3;
|
.align-self-bottom {
|
||||||
}
|
align-self: flex-end;
|
||||||
|
|
||||||
.message-label {
|
|
||||||
align-self: flex-end;
|
|
||||||
font-family: PingFangSC-Regular;
|
|
||||||
font-size: 12px;
|
|
||||||
color: #b6b8ba;
|
|
||||||
word-break: keep-all;
|
|
||||||
flex: 0 0 auto;
|
|
||||||
margin: 0 8px;
|
|
||||||
|
|
||||||
&.fail {
|
|
||||||
width: 15px;
|
|
||||||
height: 15px;
|
|
||||||
border-radius: 15px;
|
|
||||||
background: red;
|
|
||||||
color: #fff;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.loading-circle {
|
|
||||||
opacity: 0;
|
|
||||||
animation: circle-loading 2s linear 1s infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes circle-loading {
|
|
||||||
0% {
|
|
||||||
transform: rotate(0);
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
100% {
|
|
||||||
opacity: 1;
|
|
||||||
transform: rotate(360deg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.align-self-bottom {
|
|
||||||
align-self: flex-end;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -48,7 +48,7 @@
|
|||||||
<span
|
<span
|
||||||
v-else
|
v-else
|
||||||
class="group-h5-list-item-content"
|
class="group-h5-list-item-content"
|
||||||
@click="edit(item.key)"
|
@click="edit(item.key,)"
|
||||||
>
|
>
|
||||||
<p class="content">{{ groupInfo.profile[item.key] }}</p>
|
<p class="content">{{ groupInfo.profile[item.key] }}</p>
|
||||||
<Icon :file="rightIcon" />
|
<Icon :file="rightIcon" />
|
||||||
@ -133,7 +133,7 @@ import TUIChatEngine, {
|
|||||||
TUIStore,
|
TUIStore,
|
||||||
StoreName,
|
StoreName,
|
||||||
} from '@tencentcloud/chat-uikit-engine';
|
} from '@tencentcloud/chat-uikit-engine';
|
||||||
import { computed, reactive, watchEffect } from '../../../adapter-vue';
|
import { computed, reactive, watchEffect ,ref} from '../../../adapter-vue';
|
||||||
import documentLink from '../../../utils/documentLink';
|
import documentLink from '../../../utils/documentLink';
|
||||||
import { isPC } from '../../../utils/env';
|
import { isPC } from '../../../utils/env';
|
||||||
import Icon from '../../common/Icon.vue';
|
import Icon from '../../common/Icon.vue';
|
||||||
@ -149,7 +149,7 @@ import Server from '../server';
|
|||||||
import { IUserProfile } from '../../../interface';
|
import { IUserProfile } from '../../../interface';
|
||||||
const TUIGroupServer = Server.getInstance();
|
const TUIGroupServer = Server.getInstance();
|
||||||
const TUIConstants = TUIGroupServer.constants;
|
const TUIConstants = TUIGroupServer.constants;
|
||||||
|
const sta=ref(1)
|
||||||
const groupInfo = reactive<any>({
|
const groupInfo = reactive<any>({
|
||||||
profile: {
|
profile: {
|
||||||
groupID: '',
|
groupID: '',
|
||||||
@ -212,8 +212,6 @@ const submitDisabledStatus = computed(() => {
|
|||||||
|
|
||||||
const selected = (type: any) => {
|
const selected = (type: any) => {
|
||||||
if (groupInfo.profile.type !== type) {
|
if (groupInfo.profile.type !== type) {
|
||||||
console.log(type,'====');
|
|
||||||
|
|
||||||
groupInfo.profile.type = type;
|
groupInfo.profile.type = type;
|
||||||
groupInfo.profile.avatar = findGroupIntroConfig(type).icon;
|
groupInfo.profile.avatar = findGroupIntroConfig(type).icon;
|
||||||
if (groupInfo.isEdit) {
|
if (groupInfo.isEdit) {
|
||||||
@ -260,18 +258,26 @@ const submit = () => {
|
|||||||
} else {
|
} else {
|
||||||
createGroup(profile);
|
createGroup(profile);
|
||||||
}
|
}
|
||||||
|
sta.value=1
|
||||||
emit('con',1)
|
emit('con',1)
|
||||||
};
|
};
|
||||||
|
|
||||||
const closeCreated = () => {
|
const closeCreated = () => {
|
||||||
emit('con',1)
|
if(sta.value===1){
|
||||||
if (groupInfo.isEdit) {
|
emit('con',1)
|
||||||
|
}else{
|
||||||
|
sta.value=1
|
||||||
|
if (groupInfo.isEdit) {
|
||||||
return groupInfo.isEdit = !groupInfo.isEdit;
|
return groupInfo.isEdit = !groupInfo.isEdit;
|
||||||
}
|
}
|
||||||
handleCompleteCreate(null);
|
handleCompleteCreate(null);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
};
|
};
|
||||||
|
|
||||||
const edit = (label: string) => {
|
const edit = (label: string) => {
|
||||||
|
sta.value=0
|
||||||
groupInfo.isEdit = !groupInfo.isEdit;
|
groupInfo.isEdit = !groupInfo.isEdit;
|
||||||
groupInfo.groupConfig.key = label;
|
groupInfo.groupConfig.key = label;
|
||||||
groupInfo.groupConfig.value = (groupInfo.profile as any)[label];
|
groupInfo.groupConfig.value = (groupInfo.profile as any)[label];
|
||||||
|
@ -733,7 +733,7 @@
|
|||||||
{
|
{
|
||||||
"path": "set/securityCenter/editPassword",
|
"path": "set/securityCenter/editPassword",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "修改密码",
|
"navigationBarTitleText": "修改手机号",
|
||||||
"app-plus": {
|
"app-plus": {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -209,6 +209,7 @@ export default {
|
|||||||
this.walletValue = res.data.result.walletValue;
|
this.walletValue = res.data.result.walletValue;
|
||||||
this.autoCancel =
|
this.autoCancel =
|
||||||
(res.data.result.autoCancel - new Date().getTime()) / 1000;
|
(res.data.result.autoCancel - new Date().getTime()) / 1000;
|
||||||
|
console.log(this.autoCancel,'倒计时分钟');
|
||||||
} else if (res.data.code == 32000) {
|
} else if (res.data.code == 32000) {
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
uni.redirectTo({
|
uni.redirectTo({
|
||||||
|
@ -14,7 +14,7 @@
|
|||||||
:options="LeftOptions" v-else v-for="(item, index) in goodList"
|
:options="LeftOptions" v-else v-for="(item, index) in goodList"
|
||||||
@click="clickGoodsSwiperAction(item, index)" :index="index" :key="index">
|
@click="clickGoodsSwiperAction(item, index)" :index="index" :key="index">
|
||||||
<view class="goods" @click="goGoodsDetail(item)">
|
<view class="goods" @click="goGoodsDetail(item)">
|
||||||
<u-image width="131rpx" height="131rpx" :src="item.image" mode="aspectFit">
|
<u-image width="131rpx" height="131rpx" :src="imgfun(item.image)" mode="aspectFit">
|
||||||
<u-loading slot="loading"></u-loading>
|
<u-loading slot="loading"></u-loading>
|
||||||
</u-image>
|
</u-image>
|
||||||
<view class="goods-intro">
|
<view class="goods-intro">
|
||||||
@ -39,7 +39,7 @@
|
|||||||
<view class="store" @click="goStoreMainPage(item.id)">
|
<view class="store" @click="goStoreMainPage(item.id)">
|
||||||
<view class="intro">
|
<view class="intro">
|
||||||
<view class="store-logo">
|
<view class="store-logo">
|
||||||
<u-image width="102rpx" height="102rpx" :src="item.storeLogo" :alt="item.storeName"
|
<u-image width="102rpx" height="102rpx" :src="imgfun(item.storeLogo)" :alt="item.storeName"
|
||||||
mode="aspectFit">
|
mode="aspectFit">
|
||||||
<u-loading slot="loading"></u-loading>
|
<u-loading slot="loading"></u-loading>
|
||||||
</u-image>
|
</u-image>
|
||||||
|
@ -8,7 +8,7 @@
|
|||||||
width="140"
|
width="140"
|
||||||
height="140"
|
height="140"
|
||||||
shape="circle"
|
shape="circle"
|
||||||
:src="userInfo.face || '/static/missing-face.png'"
|
:src="userInfo.face"
|
||||||
mode=""
|
mode=""
|
||||||
></u-image>
|
></u-image>
|
||||||
<view class="user-name">
|
<view class="user-name">
|
||||||
@ -229,6 +229,7 @@ export default {
|
|||||||
},
|
},
|
||||||
onShow() {
|
onShow() {
|
||||||
this.userInfo = this.$options.filters.isLogin();
|
this.userInfo = this.$options.filters.isLogin();
|
||||||
|
console.log(this.userInfo);
|
||||||
// #ifdef APP-PLUS
|
// #ifdef APP-PLUS
|
||||||
this.getCacheSize();
|
this.getCacheSize();
|
||||||
// #endif
|
// #endif
|
||||||
|
@ -13,7 +13,7 @@
|
|||||||
:style="{ display: 'flex', flexDirection: 'column' }"
|
:style="{ display: 'flex', flexDirection: 'column' }"
|
||||||
v-if="orderDetail.ste == '1'"
|
v-if="orderDetail.ste == '1'"
|
||||||
>
|
>
|
||||||
<view :style="{ width: '100%' }">
|
<view :style="{ width: '100%' }" v-if="orderDetail.payStatusValue!='待付款'">
|
||||||
<view class="order-info-view">
|
<view class="order-info-view">
|
||||||
<view class="title">快递编号:</view>
|
<view class="title">快递编号:</view>
|
||||||
<view class="value">
|
<view class="value">
|
||||||
|
Loading…
x
Reference in New Issue
Block a user