Merge branch 'main' of http://18.167.251.121:10003/aidlab/lanecarford_front
All checks were successful
git提交控制 AiDA WEB-Node.js main 分支构建部署 / build (20.19.0) (push) Has been skipped
All checks were successful
git提交控制 AiDA WEB-Node.js main 分支构建部署 / build (20.19.0) (push) Has been skipped
This commit is contained in:
11
src/assets/icons/profileFilledBlack.svg
Normal file
11
src/assets/icons/profileFilledBlack.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 22 KiB |
16
src/assets/icons/profileFilledWhite.svg
Normal file
16
src/assets/icons/profileFilledWhite.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 22 KiB |
@@ -1,13 +1,23 @@
|
|||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
|
import { ref } from 'vue'
|
||||||
import { useRouter } from 'vue-router'
|
import { useRouter } from 'vue-router'
|
||||||
|
import MyEvent from '@/utils/myEvent'
|
||||||
|
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
|
|
||||||
|
|
||||||
defineProps({
|
defineProps({
|
||||||
title: { type: String, default: 'STYLING ASSISTANT' }
|
title: { type: String, default: 'STYLING ASSISTANT' },
|
||||||
})
|
})
|
||||||
|
|
||||||
const emit = defineEmits(['clickReturn', 'clickProfile'])
|
const emit = defineEmits(['clickReturn', 'clickProfile'])
|
||||||
|
|
||||||
|
const profileVisible = ref(false)
|
||||||
|
const handleProfileVisibleChange = (visible) => {
|
||||||
|
profileVisible.value = visible
|
||||||
|
}
|
||||||
|
MyEvent.add('change-profile-visible',handleProfileVisibleChange)
|
||||||
|
|
||||||
const handleClickReturn = () => {
|
const handleClickReturn = () => {
|
||||||
router.back()
|
router.back()
|
||||||
// emit('clickReturn')
|
// emit('clickReturn')
|
||||||
@@ -22,7 +32,9 @@
|
|||||||
<div class="header-title">
|
<div class="header-title">
|
||||||
<div class="return" @click="handleClickReturn"><SvgIcon name="return" size="34" /></div>
|
<div class="return" @click="handleClickReturn"><SvgIcon name="return" size="34" /></div>
|
||||||
<span class="title">{{ title }}</span>
|
<span class="title">{{ title }}</span>
|
||||||
<div class="profile" @click="handleClickProfile"><SvgIcon name="profile" size="45" /></div>
|
<div class="profile" @click="handleClickProfile">
|
||||||
|
<SvgIcon :name="profileVisible ? 'profileFilledBlack' : 'profile_white'" size="45" />
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@@ -7,7 +7,6 @@ class MyEvent {
|
|||||||
MyEvent.list = MyEvent.list.filter(item => item.name != name && item.call != call)
|
MyEvent.list = MyEvent.list.filter(item => item.name != name && item.call != call)
|
||||||
}
|
}
|
||||||
emit(name, data) {
|
emit(name, data) {
|
||||||
console.log('Myevent触发--',name)
|
|
||||||
MyEvent.list.forEach(item => {
|
MyEvent.list.forEach(item => {
|
||||||
if (item.name == name) item.call(data)
|
if (item.name == name) item.call(data)
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -50,6 +50,7 @@
|
|||||||
isEdit.value = true
|
isEdit.value = true
|
||||||
}
|
}
|
||||||
const confirm = () => {
|
const confirm = () => {
|
||||||
|
if (!isEdit.value) return
|
||||||
const password = form.password.value
|
const password = form.password.value
|
||||||
const params = {
|
const params = {
|
||||||
username: form.name.value,
|
username: form.name.value,
|
||||||
|
|||||||
@@ -5,7 +5,11 @@
|
|||||||
>
|
>
|
||||||
<div class="setting flex flex-between">
|
<div class="setting flex flex-between">
|
||||||
<SvgIcon name="left" size="70" @click.stop="handleBack" />
|
<SvgIcon name="left" size="70" @click.stop="handleBack" />
|
||||||
<SvgIcon name="profile_white" size="55" @click="handleOpenProfile" />
|
<SvgIcon
|
||||||
|
:name="profileVisible ? 'profileFilledWhite' : 'profile_white'"
|
||||||
|
size="55"
|
||||||
|
@click="handleOpenProfile"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<template v-if="pageMode === 'entry'">
|
<template v-if="pageMode === 'entry'">
|
||||||
<div class="content flex-1 flex flex-center flex-column">
|
<div class="content flex-1 flex flex-center flex-column">
|
||||||
@@ -58,7 +62,12 @@
|
|||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<Profile ref="profileRef" @selected-customer="handleSelectCustomer" is-customer />
|
<Profile
|
||||||
|
ref="profileRef"
|
||||||
|
@change-visible="handleChangeVisible"
|
||||||
|
@selected-customer="handleSelectCustomer"
|
||||||
|
is-customer
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
@@ -147,6 +156,11 @@ const handleSelectCustomer = (value) => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const profileVisible = ref(false)
|
||||||
|
const handleChangeVisible = (visible: boolean) => {
|
||||||
|
profileVisible.value = visible
|
||||||
|
}
|
||||||
|
|
||||||
const handleBack = (e?: Event) => {
|
const handleBack = (e?: Event) => {
|
||||||
if (e) {
|
if (e) {
|
||||||
e.stopPropagation()
|
e.stopPropagation()
|
||||||
|
|||||||
Reference in New Issue
Block a user