提示

components.d.ts

@@ -47,6 +47,7 @@ declare module 'vue' {
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     SimilarPositions: typeof import('./src/components/Position/similarPositions.vue')['default']
+    SubmitPage: typeof import('./src/components/svg/submitPage.vue')['default']
     TextArea: typeof import('./src/components/FormUI/textArea/index.vue')['default']
     TextInput: typeof import('./src/components/FormUI/TextInput/index.vue')['default']
     VerificationCode: typeof import('./src/components/VerificationCode/index.vue')['default']

src/locales/zh-CN.js

@@ -116,7 +116,7 @@ export default {
   form: {},
   headhunting: {
     headhuntingName: '门墩儿猎寻服务',
-    submitSuccess: '您的申请单已收到，顾问稍后会与您联系。',
+    submitSuccess: '您的申请单已收到，顾问会尽快与您联系。',
   },
   interview: {
     waitingForAcceptance: '待接受',

src/plugins/curtain/components/message.vue

@@ -7,7 +7,7 @@
       :persistent="persistent || false"
     >
       <div class="white-bgc pa-5" style="border-radius: 2px; max-height: 600px; overflow-y: auto;">
-        <div class="d-flex align-center">
+        <div :class="['d-flex', {'flex-column': componentMap[name]}, 'align-center', {'mb-5': componentMap[name]}]">
           <!-- 前置图标 -->
           <span
             v-if="icon"
@@ -15,8 +15,9 @@
             :class="[icon]"
             class="ml-2 mr-2"
           ></span>
+          <component :is="componentMap[name]"></component>
           <!-- 文字 -->
-          <div :style="{color:color}">{{message}}</div>
+          <div class="font-size-18" :style="{color:color}">{{message}}</div>
         </div>
       </div>
       <div class="text-center mt-3">
@@ -29,6 +30,8 @@
 <script setup>
 import { ref } from 'vue'
 defineOptions({name: 'curtain-message'})
+import SubmitPage from '@/components/svg/submitPage'
+
 defineProps({
   message: String, // 单条数据，也可以用list['']
   // list: Array, // 多条数据一起展示传list['', '']
@@ -50,11 +53,21 @@ defineProps({
     type: String,
     default: ''
   },
+  // 要展示的组件
+  name: {
+    type: String,
+    default: ''
+  }
 })
 
+const componentMap = {
+  'SubmitPage': SubmitPage
+}
+
 const dialog = ref(true)
 
 </script>
+
 <style lang="scss" scoped>
 ::-webkit-scrollbar {
   width: 4px;

src/plugins/curtain/index.js

@@ -6,10 +6,7 @@ import vuetify from '@/plugins/vuetify'
 // Curtain('point', { message: '遮帘弹窗通知！' })
 
 const toastMessage  = (type, options)  => {
-
-  const componentName = type === 'point' ?
-                    point : type === 'message' ?
-                    message : null
+  const componentName = type === 'point' ? point : type === 'message' ? message : null
 
   const rootNode = document.createElement("div")
   document.querySelector('.v-application').appendChild(rootNode)
@@ -19,8 +16,8 @@ const toastMessage  = (type, options)  => {
   const { timeout } = options || {}
   if ((timeout - 0)) {
     setTimeout(() => {
-        app.unmount()
-        rootNode.remove()
+      app.unmount()
+      rootNode.remove()
     }, (timeout-0))
   }
 }

src/views/headhunting/index.vue

@@ -43,7 +43,8 @@ const handleSubmit = async () => {
     showDialog.value = false
     Curtain('message', {
       message: t('headhunting.submitSuccess'),
-      icon: 'mdi mdi-check-circle-outline',
+      // icon: 'mdi mdi-check-circle-outline',
+      name: 'SubmitPage',
       iconColor: 'green',
     })
   } catch (error) {
@@ -84,8 +85,11 @@ const handleSubmit = async () => {
   top: 45px;
   right: 200px;
   font-size: 18px;
-  color: #666;
+  color: #333;
   cursor: pointer;
+  &:hover {
+    color: var(--v-primary-base);
+  }
 }
 .headhunting-content {
   position: absolute;