diff --git a/env/.env.test b/env/.env.test index 6abdb34..e7f905e 100644 --- a/env/.env.test +++ b/env/.env.test @@ -2,7 +2,10 @@ ENV = 'development' VITE_BASE=/ VUE_APP_PREVIEW=false -VITE_BASE_API=http://114.218.158.24:8503 +#VITE_BASE_API=http://192.168.88.21:9503 + +#VITE_SOCKET_API=ws://192.168.88.21:9504 + VITE_BASE_API=http://114.218.158.24:8503 + VITE_SOCKET_API=ws://114.218.158.24:8504 VITE_EPR_BASEURL=http://114.218.158.24:9020 -VITE_SOCKET_API=ws://114.218.158.24:8504 VUE_APP_WEBSITE_NAME="" \ No newline at end of file diff --git a/src/components/common/customModal.vue b/src/components/common/customModal.vue index bfee602..1191784 100644 --- a/src/components/common/customModal.vue +++ b/src/components/common/customModal.vue @@ -80,7 +80,7 @@ const props = defineProps({ } }) -const emit = defineEmits(['update:show', 'cancel', 'confirm']) +const emit = defineEmits(['update:show', 'cancel', 'confirm', 'customCloseModal']) const show = computed({ get: () => props.show, @@ -111,7 +111,7 @@ const state = reactive({ const handleCloseModal = () => { if (props.customCloseEvent) { - emit('closeModal') + emit('customCloseModal') } else { show.value = false } diff --git a/src/components/confirm-box/index.vue b/src/components/confirm-box/index.vue new file mode 100644 index 0000000..6f2ca02 --- /dev/null +++ b/src/components/confirm-box/index.vue @@ -0,0 +1,49 @@ + + + + + + + {{ title }} + + {{ content }} + + + { show=false; emit('cancel') }" + >{{ cancelText }} + { show=false; emit('confirm') }" + >{{ confirmText }} + + + + + + \ No newline at end of file diff --git a/src/components/confirm-box/service.js b/src/components/confirm-box/service.js new file mode 100644 index 0000000..7ecce25 --- /dev/null +++ b/src/components/confirm-box/service.js @@ -0,0 +1,32 @@ +import { createVNode, nextTick, render } from 'vue' +import ConfirmBox from './index.vue' + +export function confirmBox(options) { + return new Promise((resolve, reject) => { + const container = document.createElement('div') + document.body.appendChild(container) + + const props = { + ...options, + show: false, + onCancel: () => { + reject() + + }, + onAfterLeave:()=>{ + render(null, container) + document.body.removeChild(container) + }, + onConfirm: () => { + resolve() + + }, + } + + const vnode = createVNode(ConfirmBox, props) + render(vnode, container) + nextTick(() => { + vnode.component.props.show = true + }) + }) +} \ No newline at end of file diff --git a/src/components/group/GroupPanel.vue b/src/components/group/GroupPanel.vue index d69f576..2c11bed 100644 --- a/src/components/group/GroupPanel.vue +++ b/src/components/group/GroupPanel.vue @@ -663,7 +663,10 @@ const handleEditGroupNameConfirm = () => { 清空聊天记录 { > 解散该群 - + 退出群聊 @@ -731,7 +740,8 @@ const handleEditGroupNameConfirm = () => { diff --git a/src/components/search/searchList.vue b/src/components/search/searchList.vue index 7c69137..539e26a 100644 --- a/src/components/search/searchList.vue +++ b/src/components/search/searchList.vue @@ -1,60 +1,73 @@ - - - + + + - - - {{ getResultKeysValue(searchResultKey) }} - - - - - - - - - {{ getHasMoreResult(searchResultKey) }} - + + + + + + + + + + {{ getHasMoreResult(searchResultKey) }} + + - + @@ -123,8 +122,8 @@ const handleDownload = () => { - - + + { /> - + + + + + - - - - + {{ fileFormatSize(extra.size) }} 下载 @@ -178,6 +178,7 @@ const handleDownload = () => { .file-message { width: 243px; background-color: #fff; + height: 110px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); padding: 0 14px; @@ -205,6 +206,7 @@ const handleDownload = () => { } .file-icon-container { + height: 48px; position: relative; } @@ -228,7 +230,6 @@ const handleDownload = () => { .file-size { color: #747474; font-size: 12px; - padding: 5px 0 11px; } .circle-progress-container { diff --git a/src/components/talk/message/ImageMessage.vue b/src/components/talk/message/ImageMessage.vue index dbc4295..389c220 100644 --- a/src/components/talk/message/ImageMessage.vue +++ b/src/components/talk/message/ImageMessage.vue @@ -35,7 +35,7 @@ const img = (src: string, width = 200) => { :class="{ left: data.float === 'left' }" :style="img(extra.url, 350)" > - +