handleClick 投递简历

src/views/recruit/personal/shareJob/components/quickResumeDialog.vue

@@ -1,31 +1,21 @@
-<!--  -->
+<!-- 未登录 -->
 <template>
-  <CtDialog :visible="showQuickResume" :widthType="2" titleClass="text-h6" title="简历投递" @close="quickResumeClose" @submit="quickResumeSubmit">
-    <DeliveryForm ref="deliveryForm"></DeliveryForm>
-  </CtDialog>
+  <DeliveryForm ref="deliveryForm"></DeliveryForm>
 </template>
 
 <script setup>
-import CtDialog from '@/components/CtDialog'
 import DeliveryForm from './deliveryForm.vue'
-import { onMounted, onUnmounted, ref } from 'vue'
+import { defineExpose, ref } from 'vue'
 defineOptions({name: 'shareJob-quickResumeDialog'})
 
 const deliveryForm = ref()
-const showQuickResume = ref(false)
-onMounted(() => {
-  showQuickResume.value = true
-})
-onUnmounted(() => {
-  showQuickResume.value = false
-})
-
-const quickResumeClose = () => {
-  showQuickResume.value = false
-}
-const quickResumeSubmit = async () => {
+const submit = async () => {
   console.log(await deliveryForm.value.getQuery(), 'quickResumeSubmit')
 }
+
+defineExpose({
+  submit
+})
 </script>
 <style lang="scss" scoped>
 </style>

src/views/recruit/personal/shareJob/index.vue

@@ -56,16 +56,22 @@
           </div>
         </div>
         <div class="mb-5 text-center" style="height: 80px; line-height: 80px;">
-          <!-- <v-btn class="mr-2 radius button-item" color="success" variant="outlined">{{ $t('position.communicate') }}</v-btn> -->
           <v-btn class="mr-2 radius button-item" color="success" variant="outlined" target="_blank" to="/recruit/personal/position">{{ $t('position.moreBtn') }}</v-btn>
           <v-btn class="radius button-item" color="primary" @click="handleDelivery">{{ $t('position.submitResume') }}</v-btn>
         </div>
       </div>
     </v-card>
-    <quickResumeDialog v-if="showQuickResumeDialog" :jobId="jobId"></quickResumeDialog>
     <handleDeliveryCom v-if="showHandleDelivery" :jobId="jobId"></handleDeliveryCom>
-    <!-- <quickResumeDialog v-model="showQuickResumeDialog"></quickResumeDialog> -->
-    <!-- <handleDeliveryCom v-model="showHandleDelivery"></handleDeliveryCom> -->
+    <CtDialog
+      :visible="showQuickResumeDialog"
+      :widthType="2"
+      titleClass="text-h6"
+      title="简历投递"
+      @close="showQuickResumeDialog = false"
+      @submit="null"
+    >
+      <quickResume ></quickResume>
+    </CtDialog>
   </div>
 </template>
 
@@ -75,7 +81,7 @@ import { onMounted, ref } from 'vue';
 import { getPositionDetails } from '@/api/position'
 import { dealDictObjData } from '@/utils/position'
 import handleDeliveryCom from './components/handleDeliveryCom.vue'
-import quickResumeDialog from './components/quickResumeDialog.vue'
+import quickResume from './components/quickResumeDialog.vue'
 import { getPersonalToken } from '@/utils/auth'
 
 // 组件挂载后添加事件监听器  
@@ -105,7 +111,7 @@ const desc = [
   { mdi: 'mdi-clock-time-ten-outline', value: 'expName' }
 ]
 
-// 投递简历
+// handleClick 投递简历
 const showQuickResumeDialog = ref(false)
 const showHandleDelivery = ref(false)
 const handleDelivery = () => {