分享生成链接

src/views/recruit/personal/position/components/details.vue

@@ -102,22 +102,23 @@
       @close="shareDialog = false"
     >
       <div>
-        <div class="mb-3">方式一：保存图片分享给好友</div>
+        <div class="mb-3">微信分享：保存图片分享给好友</div>
+        <!-- <div class="mb-3">方式一：保存图片分享给好友</div> -->
         <div class="d-flex align-center flex-column">
           <v-img :src="previewSrc" width="200" height="250"></v-img>
-          <div>
+          <div class="mt-5">
             <v-btn color="primary" variant="outlined" prepend-icon="mdi-eye-outline" @click="showPreview = true">预览</v-btn>
             <v-btn class="ml-3" color="primary" variant="outlined" prepend-icon="mdi-arrow-down-bold-box-outline" @click="handleDownloadImage">保存到本地</v-btn>
           </div>
         </div>
       </div>
-      <div class="mt-10">
+      <!-- <div class="mt-10">
         <div class="mb-3">方式二：复制以下链接分享给好友</div>
         <div class="pa-4" style="background-color: #f0f0f0; border-radius: 8px;">{{ shareUrlTxt }}</div>
         <div class="text-center">
           <v-btn class="mt-5 ml-3" color="primary" variant="outlined" v-clipboard="() => shareUrlTxt" @click="copyText">点击复制分享链接</v-btn>
         </div>
-      </div>
+      </div> -->
       <template #footer>
         <v-divider></v-divider>
         <div>
@@ -275,9 +276,9 @@ const accessUrl = import.meta.env.VITE_ACCESS_BASE_URL
 const shareUrlTxt = computed(() => {
   return accessUrl + shareUrl.value
 })
-const copyText = () => {
-  Snackbar.success('复制成功')
-}
+// const copyText = () => {
+//   Snackbar.success('复制成功')
+// }
 
 // 收藏&取消收藏职位
 const handleCollection = async () => {

src/views/recruit/personal/position/components/poster.vue

@@ -56,6 +56,10 @@
             <span style="color: var(--color-666);font-size: 15px;">{{ info.address }}</span>
           </div>
         </div>
+        <div class="pa-3" style="position: absolute; right: 30px; bottom: 30px; background-color: #fff;">
+          <QrCode style="margin: 0 auto;" :text="shareUrlTxt" :width="170" />
+          <div style="color: #666;">了解更多信息长按识别二维码</div>
+        </div>
       </div>
     </v-card>
 
@@ -71,8 +75,15 @@ import { dealDictObjData } from '@/utils/position'
 
 // 职位详情
 const props = defineProps({
-  jobId: String
+  jobId: String,
 })
+
+import { useRouter } from 'vue-router'; const router = useRouter()
+const userInfo = localStorage.getItem('userInfo') ? JSON.parse(localStorage.getItem('userInfo')) : {}
+const shareUrlTxt = import.meta.env.VITE_ACCESS_BASE_URL + '/shareJob?' + new URLSearchParams({
+    jobId: router.currentRoute.value.params?.id,
+    sharedById: userInfo?.id,
+  }).toString()
 const info = ref({})
 const positionInfo = ref({})
 const getPositionDetail = async () => {