Compare commits
23 Commits
a45b247496
...
yxl
| Author | SHA1 | Date | |
|---|---|---|---|
| a8a9d792a3 | |||
|
7634a24c3a | ||
|
|
a128926c21 | ||
|
|
3387ea8dbc | ||
|
|
05105488bd | ||
|
|
910862cb5f | ||
|
|
fb88fdbb89 | ||
|
|
1de0bacebf | ||
|
|
95a23be4bf | ||
|
|
40eb1b29e8 | ||
|
|
dbdb330189 | ||
|
|
e0f8faf757 | ||
|
|
951905fd09 | ||
| bde805e905 | |||
| 3f714d4a69 | |||
|
|
360d4f96ea | ||
|
|
a3bc821bc3 | ||
|
|
7a7aa33128 | ||
|
|
cbf8bd7c41 | ||
|
|
07e0f3083b | ||
|
|
c4c6cea579 | ||
| c3d26cdd54 | |||
| b030d45d49 |
@@ -59,7 +59,7 @@ const generateTabbarList = () => {
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
text: 'AI+',
|
||||
text: '智能客服',
|
||||
path: '/pages/chat/chat',
|
||||
iconPath: '/static/tabbar/logo3.png',
|
||||
selectedIconPath: '/static/tabbar/logo3.png',
|
||||
@@ -175,7 +175,8 @@ const switchTab = (item, index) => {
|
||||
const loginRequiredPages = [
|
||||
'/packageA/pages/job/publishJob',
|
||||
'/pages/mine/mine',
|
||||
'/pages/mine/company-mine'
|
||||
'/pages/mine/company-mine',
|
||||
'/pages/msglog/msglog'
|
||||
];
|
||||
|
||||
if (loginRequiredPages.includes(item.path)) {
|
||||
@@ -279,7 +280,7 @@ onMounted(() => {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 88rpx;
|
||||
height: 100rpx;
|
||||
background-color: #ffffff;
|
||||
border-top: 1rpx solid #e5e5e5;
|
||||
display: flex;
|
||||
@@ -306,8 +307,8 @@ onMounted(() => {
|
||||
}
|
||||
|
||||
.tabbar-icon {
|
||||
width: 44rpx;
|
||||
height: 44rpx;
|
||||
width: 50rpx;
|
||||
height: 50rpx;
|
||||
margin-bottom: 4rpx;
|
||||
position: relative;
|
||||
}
|
||||
@@ -318,7 +319,7 @@ onMounted(() => {
|
||||
}
|
||||
|
||||
.tabbar-text {
|
||||
font-size: 20rpx;
|
||||
font-size: 22rpx;
|
||||
line-height: 1;
|
||||
transition: color 0.3s ease;
|
||||
}
|
||||
@@ -332,14 +333,14 @@ onMounted(() => {
|
||||
position: absolute;
|
||||
top: 4rpx;
|
||||
right: 20rpx;
|
||||
min-width: 30rpx;
|
||||
height: 30rpx;
|
||||
min-width: 32rpx;
|
||||
height: 32rpx;
|
||||
background-color: #ff4444;
|
||||
color: #fff;
|
||||
font-size: 18rpx;
|
||||
border-radius: 15rpx;
|
||||
font-size: 19rpx;
|
||||
border-radius: 16rpx;
|
||||
text-align: center;
|
||||
line-height: 30rpx;
|
||||
line-height: 32rpx;
|
||||
padding: 0 10rpx;
|
||||
transform: scale(0.8);
|
||||
}
|
||||
@@ -347,8 +348,8 @@ onMounted(() => {
|
||||
/* 中间按钮特殊样式 */
|
||||
.tabbar-item:has(.center-item) {
|
||||
.tabbar-icon {
|
||||
width: 60rpx;
|
||||
height: 60rpx;
|
||||
width: 68rpx;
|
||||
height: 68rpx;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -2,17 +2,44 @@
|
||||
<view class="markdown-body">
|
||||
<!-- 根据不同平台使用不同的渲染方式 -->
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<rich-text class="markdownRich" id="markdown-content" :nodes="renderedHtml" @itemclick="handleItemClick" />
|
||||
<!-- 微信小程序端：使用v-for遍历岗位卡片列表，每个卡片单独渲染，支持点击事件 -->
|
||||
<scroll-view class="markdownRich" id="markdown-content">
|
||||
<!-- 渲染普通markdown内容 -->
|
||||
<rich-text :nodes="renderedHtml" />
|
||||
|
||||
<!-- 单独渲染岗位卡片，支持点击事件 -->
|
||||
<view v-if="localJobCardsList.length > 0" class="job-cards-container">
|
||||
<view
|
||||
v-for="(card, index) in localJobCardsList"
|
||||
:key="index"
|
||||
class="custom-card"
|
||||
@tap="navigateToJobDetail(card.jobId)"
|
||||
>
|
||||
<view class="card-title">
|
||||
<text class="title-text">{{ card.jobTitle }}</text>
|
||||
<view class="card-salary">{{ card.salary }}</view>
|
||||
</view>
|
||||
<view class="card-company">{{ card.location }}·{{ card.companyName }}</view>
|
||||
<view class="card-info">
|
||||
<view class="info-item">
|
||||
<view class="card-tag">{{ card.education }}</view>
|
||||
<view class="card-tag">{{ card.experience }}</view>
|
||||
</view>
|
||||
<view class="info-item">查看详情<view class="position-nav"></view></view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<!-- #endif -->
|
||||
<!-- #ifndef MP-WEIXIN -->
|
||||
<view class="markdown-body" v-html="renderedHtml"></view>
|
||||
<view class="markdown-body" v-html="renderedHtml" @click="handleH5Click"></view>
|
||||
<!-- #endif -->
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { computed, onMounted, inject } from 'vue';
|
||||
import { parseMarkdown, codeDataList } from '@/utils/markdownParser';
|
||||
import { computed, onMounted, inject, ref, watch, nextTick } from 'vue';
|
||||
import { parseMarkdown, codeDataList, jobCardsList } from '@/utils/markdownParser';
|
||||
const { navTo } = inject('globalFunction');
|
||||
const props = defineProps({
|
||||
content: {
|
||||
@@ -26,30 +53,191 @@ const props = defineProps({
|
||||
});
|
||||
|
||||
const renderedHtml = computed(() => parseMarkdown(props.content));
|
||||
const markdownContainer = ref(null);
|
||||
// 响应式岗位卡片列表，用于微信小程序端单独渲染
|
||||
const localJobCardsList = ref([]);
|
||||
|
||||
const handleItemClick = (e) => {
|
||||
let { attrs } = e.detail.node;
|
||||
console.log(attrs);
|
||||
let { 'data-copy-index': codeDataIndex, 'data-job-id': jobId, class: className } = attrs;
|
||||
switch (className) {
|
||||
case 'custom-card':
|
||||
return navTo('/packageA/pages/post/post?jobId=' + jobId);
|
||||
case 'custom-more':
|
||||
return navTo('/packageA/pages/moreJobs/moreJobs?jobId=' + jobId);
|
||||
case 'copy-btn':
|
||||
uni.setClipboardData({
|
||||
data: codeDataList[codeDataIndex],
|
||||
showToast: false,
|
||||
success() {
|
||||
uni.showToast({
|
||||
title: '复制成功',
|
||||
icon: 'none',
|
||||
});
|
||||
},
|
||||
});
|
||||
break;
|
||||
// 监听content的变化，当内容更新时，解析岗位卡片
|
||||
watch(() => props.content, (newContent) => {
|
||||
if (newContent) {
|
||||
// 直接调用parseMarkdown来触发jobCardsList的更新
|
||||
parseMarkdown(newContent);
|
||||
// 将解析器生成的岗位卡片列表赋值给响应式数据
|
||||
localJobCardsList.value = [...jobCardsList];
|
||||
console.log('Content changed, jobCardsList updated:', localJobCardsList.value);
|
||||
}
|
||||
}, { immediate: true });
|
||||
|
||||
// 同时监听renderedHtml的变化作为备份
|
||||
watch(() => renderedHtml.value, (newVal) => {
|
||||
console.log('renderedHtml changed, jobCardsList from parser:', jobCardsList);
|
||||
// 将解析器生成的岗位卡片列表赋值给响应式数据
|
||||
localJobCardsList.value = [...jobCardsList];
|
||||
});
|
||||
|
||||
// 微信小程序端导航到岗位详情页面
|
||||
const navigateToJobDetail = (jobId) => {
|
||||
console.log('navigateToJobDetail called with jobId:', jobId);
|
||||
if (jobId && jobId !== 'undefined' && jobId !== 'null') {
|
||||
// 跳转到岗位详情页面
|
||||
uni.navigateTo({
|
||||
url: `/packageA/pages/post/post?jobId=${jobId}`,
|
||||
success: (res) => {
|
||||
console.log('navigateTo success:', res);
|
||||
},
|
||||
fail: (err) => {
|
||||
console.error('navigateTo failed:', err);
|
||||
// 如果navigateTo失败，尝试redirectTo
|
||||
uni.redirectTo({
|
||||
url: `/packageA/pages/post/post?jobId=${jobId}`,
|
||||
success: (res2) => {
|
||||
console.log('redirectTo success:', res2);
|
||||
},
|
||||
fail: (err2) => {
|
||||
console.error('redirectTo also failed:', err2);
|
||||
// 如果还是失败，显示错误提示
|
||||
uni.showToast({
|
||||
title: '跳转失败，请稍后重试',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
} else {
|
||||
console.error('Invalid jobId:', jobId);
|
||||
uni.showToast({
|
||||
title: '岗位信息不完整',
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
// 微信小程序端点击事件处理已移除，改用v-for遍历岗位卡片列表，每个卡片单独渲染，支持点击事件
|
||||
// 微信小程序端和H5端的jobId取值方式一致，都是从JSON数据的appJobUrl字段提取
|
||||
// 不同的是，微信小程序端现在使用v-for遍历渲染，而H5端使用v-html渲染
|
||||
|
||||
// H5平台点击事件处理
|
||||
// 微信小程序端和H5端的jobId取值方式一致，都是从JSON数据的appJobUrl字段提取
|
||||
// 不同的是，H5端可以直接从DOM属性获取，而微信小程序端使用v-for遍历渲染
|
||||
const handleH5Click = (e) => {
|
||||
console.log('H5 click event triggered:', e.target);
|
||||
let target = e.target;
|
||||
// 查找最接近的带有class的元素
|
||||
while (target && target.tagName !== 'BODY') {
|
||||
console.log('Checking target:', target, 'className:', target.className, 'tagName:', target.tagName);
|
||||
|
||||
// 直接使用closest方法查找，不依赖className
|
||||
const cardElement = target.closest('.custom-card');
|
||||
const moreElement = target.closest('.custom-more');
|
||||
|
||||
console.log('Found elements:', { cardElement, moreElement });
|
||||
|
||||
if (cardElement) {
|
||||
// 尝试多种方式获取jobId
|
||||
let jobId = cardElement.getAttribute('data-job-id');
|
||||
console.log('Found custom-card, data-job-id attribute:', jobId);
|
||||
|
||||
// 如果data-job-id为空，尝试从onclick事件中提取jobId
|
||||
if (!jobId) {
|
||||
const onclick = cardElement.getAttribute('onclick');
|
||||
if (onclick) {
|
||||
const match = onclick.match(/jobId=(\w+)/);
|
||||
if (match && match[1]) {
|
||||
jobId = match[1];
|
||||
console.log('Extracted jobId from onclick:', jobId);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (jobId) {
|
||||
console.log('Final jobId for navigation:', jobId);
|
||||
try {
|
||||
// 直接使用uni.navigateTo，避免navTo函数的潜在问题
|
||||
uni.navigateTo({
|
||||
url: `/packageA/pages/post/post?jobId=${jobId}`,
|
||||
success: (res) => {
|
||||
console.log('navigateTo success:', res);
|
||||
},
|
||||
fail: (err) => {
|
||||
console.error('navigateTo failed:', err);
|
||||
// 如果navigateTo失败，尝试redirectTo
|
||||
uni.redirectTo({
|
||||
url: `/packageA/pages/post/post?jobId=${jobId}`,
|
||||
success: (res2) => {
|
||||
console.log('redirectTo success:', res2);
|
||||
},
|
||||
fail: (err2) => {
|
||||
console.error('redirectTo also failed:', err2);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
} catch (error) {
|
||||
console.error('Navigation error:', error);
|
||||
}
|
||||
return;
|
||||
} else {
|
||||
console.error('No jobId found for custom-card');
|
||||
}
|
||||
} else if (moreElement) {
|
||||
// 尝试多种方式获取jobId
|
||||
let jobId = moreElement.getAttribute('data-job-id');
|
||||
console.log('Found custom-more, data-job-id attribute:', jobId);
|
||||
|
||||
// 如果data-job-id为空，尝试从onclick事件中提取jobId
|
||||
if (!jobId) {
|
||||
const onclick = moreElement.getAttribute('onclick');
|
||||
if (onclick) {
|
||||
const match = onclick.match(/jobId=(\w+)/);
|
||||
if (match && match[1]) {
|
||||
jobId = match[1];
|
||||
console.log('Extracted jobId from onclick:', jobId);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (jobId) {
|
||||
console.log('Final jobId for more jobs:', jobId);
|
||||
try {
|
||||
// 直接使用uni.navigateTo，避免navTo函数的潜在问题
|
||||
uni.navigateTo({
|
||||
url: `/packageA/pages/moreJobs/moreJobs?jobId=${jobId}`,
|
||||
success: (res) => {
|
||||
console.log('navigateTo success:', res);
|
||||
},
|
||||
fail: (err) => {
|
||||
console.error('navigateTo failed:', err);
|
||||
// 如果navigateTo失败，尝试redirectTo
|
||||
uni.redirectTo({
|
||||
url: `/packageA/pages/moreJobs/moreJobs?jobId=${jobId}`,
|
||||
success: (res2) => {
|
||||
console.log('redirectTo success:', res2);
|
||||
},
|
||||
fail: (err2) => {
|
||||
console.error('redirectTo also failed:', err2);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
} catch (error) {
|
||||
console.error('Navigation error:', error);
|
||||
}
|
||||
return;
|
||||
} else {
|
||||
console.error('No jobId found for custom-more');
|
||||
}
|
||||
}
|
||||
|
||||
target = target.parentElement;
|
||||
}
|
||||
};
|
||||
|
||||
// 移除旧的事件监听逻辑，改用全局点击处理
|
||||
|
||||
onMounted(() => {
|
||||
console.log('onMounted called');
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@@ -322,107 +510,475 @@ ol {
|
||||
padding: 0
|
||||
/* #endif */
|
||||
|
||||
/* H5端和小程序端样式优化 */
|
||||
.custom-card
|
||||
background: #FFFFFF
|
||||
box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0,0,0,0.04)
|
||||
border-radius: 20rpx
|
||||
padding: 28rpx 24rpx
|
||||
font-weight: 400
|
||||
font-size: 28rpx
|
||||
color: #333333
|
||||
margin-bottom: 20rpx
|
||||
position: relative
|
||||
display: flex
|
||||
flex-direction: column
|
||||
/* 确保在小程序中边距正确应用 */
|
||||
/* #ifdef MP-WEIXIN */
|
||||
margin-left: auto
|
||||
margin-right: auto
|
||||
width: 100%
|
||||
box-sizing: border-box
|
||||
/* #endif */
|
||||
|
||||
.card-title
|
||||
font-weight: 600
|
||||
display: flex
|
||||
align-items: center
|
||||
justify-content: space-between
|
||||
margin-bottom: 16rpx
|
||||
|
||||
.title-text
|
||||
font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif
|
||||
max-width: calc(100% - 160rpx)
|
||||
overflow: hidden
|
||||
text-overflow: ellipsis
|
||||
font-size: 30rpx
|
||||
line-height: 1.4
|
||||
|
||||
.card-salary
|
||||
font-family: DIN-Medium
|
||||
font-size: 28rpx
|
||||
color: #FF6E1C
|
||||
line-height: 1.4
|
||||
background: #FFFFFF !important
|
||||
box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0,0,0,0.04) !important
|
||||
border-radius: 20rpx !important
|
||||
padding: 28rpx 24rpx !important
|
||||
font-weight: 400 !important
|
||||
font-size: 28rpx !important
|
||||
color: #333333 !important
|
||||
margin-bottom: 22rpx !important
|
||||
position: relative !important
|
||||
display: block !important
|
||||
flex-direction: column !important
|
||||
/* 确保在所有平台中边距正确应用 */
|
||||
margin-left: auto !important
|
||||
margin-right: auto !important
|
||||
width: 100% !important
|
||||
box-sizing: border-box !important
|
||||
text-decoration: none !important
|
||||
overflow: hidden !important
|
||||
|
||||
.card-company
|
||||
margin-bottom: 22rpx
|
||||
max-width: 100%
|
||||
overflow: hidden
|
||||
text-overflow: ellipsis
|
||||
color: #6C7282
|
||||
line-height: 1.4
|
||||
.custom-card .card-title
|
||||
font-weight: 600 !important
|
||||
display: flex !important
|
||||
align-items: center !important
|
||||
justify-content: space-between !important
|
||||
margin-bottom: 16rpx !important
|
||||
|
||||
.custom-card .card-title .title-text
|
||||
font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif !important
|
||||
max-width: calc(100% - 160rpx) !important
|
||||
overflow: hidden !important
|
||||
text-overflow: ellipsis !important
|
||||
font-size: 32rpx !important
|
||||
line-height: 1.4 !important
|
||||
white-space: nowrap !important
|
||||
margin-bottom: 0 !important
|
||||
|
||||
.custom-card .card-title .card-salary
|
||||
font-family: DIN-Medium !important
|
||||
font-size: 32rpx !important
|
||||
color: #4C6EFB !important
|
||||
line-height: 1.4 !important
|
||||
font-weight: 500 !important
|
||||
margin-bottom: 0 !important
|
||||
|
||||
.custom-card .card-company
|
||||
margin-bottom: 18rpx !important
|
||||
max-width: 100% !important
|
||||
overflow: hidden !important
|
||||
text-overflow: ellipsis !important
|
||||
color: #6C7282 !important
|
||||
line-height: 1.4 !important
|
||||
white-space: nowrap !important
|
||||
font-size: 28rpx !important
|
||||
margin-top: 0 !important
|
||||
display: block !important
|
||||
|
||||
.custom-card .card-tags
|
||||
display: flex !important
|
||||
flex-wrap: wrap !important
|
||||
margin-bottom: 24rpx !important
|
||||
|
||||
.custom-card .card-tag
|
||||
font-weight: 400 !important
|
||||
font-size: 24rpx !important
|
||||
color: #6C7282 !important
|
||||
width: fit-content !important
|
||||
background: #F4F4F4 !important
|
||||
border-radius: 4rpx !important
|
||||
padding: 6rpx 20rpx !important
|
||||
margin-right: 20rpx !important
|
||||
margin-bottom: 14rpx !important
|
||||
display: inline-flex !important
|
||||
align-items: center !important
|
||||
justify-content: center !important
|
||||
height: 30rpx !important
|
||||
line-height: 30rpx !important
|
||||
|
||||
.custom-card .card-bottom
|
||||
display: flex !important
|
||||
justify-content: space-between !important
|
||||
font-size: 24rpx !important
|
||||
color: #6C7282 !important
|
||||
margin-top: 0 !important
|
||||
margin-bottom: 0 !important
|
||||
|
||||
.custom-card .card-bottom .info-item
|
||||
display: flex !important
|
||||
align-items: center !important
|
||||
justify-content: center !important
|
||||
margin-bottom: 0 !important
|
||||
|
||||
.custom-card .card-info
|
||||
display: flex !important
|
||||
align-items: center !important
|
||||
justify-content: space-between !important
|
||||
padding-right: 40rpx !important
|
||||
|
||||
.custom-card .card-info .info-item
|
||||
display: flex !important
|
||||
position: relative !important
|
||||
align-items: center !important
|
||||
|
||||
.custom-card .card-info .info-item:last-child
|
||||
color: #256BFA !important
|
||||
font-size: 28rpx !important
|
||||
padding-right: 10rpx !important
|
||||
|
||||
.custom-card .position-nav
|
||||
position: absolute !important
|
||||
right: -10rpx !important
|
||||
top: 50% !important
|
||||
transform: translateY(-50%) !important
|
||||
|
||||
.custom-card .position-nav::before
|
||||
position: absolute !important
|
||||
left: 0 !important
|
||||
top: -4rpx !important
|
||||
content: '' !important
|
||||
width: 4rpx !important
|
||||
height: 16rpx !important
|
||||
border-radius: 2rpx !important
|
||||
background: #256BFA !important
|
||||
transform: translate(0, -50%) rotate(-45deg) !important
|
||||
|
||||
.custom-card .position-nav::after
|
||||
position: absolute !important
|
||||
left: 0 !important
|
||||
top: -4rpx !important
|
||||
content: '' !important
|
||||
width: 4rpx !important
|
||||
height: 16rpx !important
|
||||
border-radius: 2rpx !important
|
||||
background: #256BFA !important
|
||||
transform: rotate(45deg) !important
|
||||
|
||||
/* 为微信小程序专门优化的样式选择器 */
|
||||
/* #ifdef MP-WEIXIN */
|
||||
.job-cards-container .custom-card
|
||||
background: #FFFFFF !important
|
||||
box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0,0,0,0.04) !important
|
||||
border-radius: 20rpx !important
|
||||
padding: 28rpx 24rpx !important
|
||||
font-weight: 400 !important
|
||||
font-size: 28rpx !important
|
||||
color: #333333 !important
|
||||
margin-bottom: 22rpx !important
|
||||
position: relative !important
|
||||
display: block !important
|
||||
flex-direction: column !important
|
||||
margin-left: auto !important
|
||||
margin-right: auto !important
|
||||
width: 100% !important
|
||||
box-sizing: border-box !important
|
||||
text-decoration: none !important
|
||||
overflow: hidden !important
|
||||
|
||||
.job-cards-container .custom-card .card-title
|
||||
font-weight: 600 !important
|
||||
display: flex !important
|
||||
align-items: center !important
|
||||
justify-content: space-between !important
|
||||
margin-bottom: 16rpx !important
|
||||
|
||||
.job-cards-container .custom-card .card-title .title-text
|
||||
font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif !important
|
||||
max-width: calc(100% - 160rpx) !important
|
||||
overflow: hidden !important
|
||||
text-overflow: ellipsis !important
|
||||
font-size: 32rpx !important
|
||||
line-height: 1.4 !important
|
||||
white-space: nowrap !important
|
||||
margin-bottom: 0 !important
|
||||
|
||||
.job-cards-container .custom-card .card-title .card-salary
|
||||
font-family: DIN-Medium !important
|
||||
font-size: 32rpx !important
|
||||
color: #4C6EFB !important
|
||||
line-height: 1.4 !important
|
||||
font-weight: 500 !important
|
||||
margin-bottom: 0 !important
|
||||
|
||||
.job-cards-container .custom-card .card-company
|
||||
margin-bottom: 18rpx !important
|
||||
max-width: 100% !important
|
||||
overflow: hidden !important
|
||||
text-overflow: ellipsis !important
|
||||
color: #6C7282 !important
|
||||
line-height: 1.4 !important
|
||||
white-space: nowrap !important
|
||||
font-size: 28rpx !important
|
||||
margin-top: 0 !important
|
||||
display: block !important
|
||||
|
||||
.job-cards-container .custom-card .card-info
|
||||
display: flex !important
|
||||
align-items: center !important
|
||||
justify-content: space-between !important
|
||||
padding-right: 40rpx !important
|
||||
|
||||
.job-cards-container .custom-card .card-info .info-item
|
||||
display: flex !important
|
||||
position: relative !important
|
||||
align-items: center !important
|
||||
|
||||
.job-cards-container .custom-card .card-info .info-item:last-child
|
||||
color: #256BFA !important
|
||||
font-size: 28rpx !important
|
||||
padding-right: 10rpx !important
|
||||
|
||||
.job-cards-container .custom-card .card-info .info-item .card-tag
|
||||
font-weight: 400 !important
|
||||
font-size: 24rpx !important
|
||||
color: #6C7282 !important
|
||||
width: fit-content !important
|
||||
background: #F4F4F4 !important
|
||||
border-radius: 4rpx !important
|
||||
padding: 6rpx 20rpx !important
|
||||
margin-right: 20rpx !important
|
||||
margin-bottom: 14rpx !important
|
||||
display: inline-flex !important
|
||||
align-items: center !important
|
||||
justify-content: center !important
|
||||
height: 30rpx !important
|
||||
line-height: 30rpx !important
|
||||
|
||||
.job-cards-container .custom-card .position-nav
|
||||
position: absolute !important
|
||||
right: -10rpx !important
|
||||
top: 50% !important
|
||||
transform: translateY(-50%) !important
|
||||
|
||||
.job-cards-container .custom-card .position-nav::before
|
||||
position: absolute !important
|
||||
left: 0 !important
|
||||
top: -4rpx !important
|
||||
content: '' !important
|
||||
width: 4rpx !important
|
||||
height: 16rpx !important
|
||||
border-radius: 2rpx !important
|
||||
background: #256BFA !important
|
||||
transform: translate(0, -50%) rotate(-45deg) !important
|
||||
|
||||
.job-cards-container .custom-card .position-nav::after
|
||||
position: absolute !important
|
||||
left: 0 !important
|
||||
top: -4rpx !important
|
||||
content: '' !important
|
||||
width: 4rpx !important
|
||||
height: 16rpx !important
|
||||
border-radius: 2rpx !important
|
||||
background: #256BFA !important
|
||||
transform: rotate(45deg) !important
|
||||
/* #endif */
|
||||
|
||||
/* 额外的H5端样式优化 */
|
||||
/* #ifndef MP-WEIXIN */
|
||||
/* 确保样式能正确应用到v-html生成的内容 */
|
||||
.markdown-body {
|
||||
/* 重置v-html容器样式 */
|
||||
display: block !important;
|
||||
|
||||
.card-info
|
||||
display: flex
|
||||
align-items: center
|
||||
justify-content: space-between
|
||||
padding-right: 40rpx
|
||||
|
||||
.info-item
|
||||
display: flex
|
||||
position: relative
|
||||
align-items: center
|
||||
|
||||
&:last-child
|
||||
color: #256BFA
|
||||
font-size: 28rpx
|
||||
padding-right: 10rpx
|
||||
/* 为v-html生成的a.custom-card标签添加基础样式 */
|
||||
a.custom-card {
|
||||
display: flex !important;
|
||||
flex-direction: column !important;
|
||||
margin-bottom: 22rpx !important;
|
||||
background: #FFFFFF !important;
|
||||
box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0,0,0,0.04) !important;
|
||||
border-radius: 20rpx !important;
|
||||
padding: 28rpx 24rpx !important;
|
||||
font-weight: 400 !important;
|
||||
font-size: 28rpx !important;
|
||||
color: #333333 !important;
|
||||
text-decoration: none !important;
|
||||
overflow: hidden !important;
|
||||
box-sizing: border-box !important;
|
||||
width: calc(100% - 0rpx) !important;
|
||||
max-width: 100% !important;
|
||||
}
|
||||
|
||||
.position-nav
|
||||
position: absolute
|
||||
right: -10rpx
|
||||
top: 50%
|
||||
transform: translateY(-50%)
|
||||
/* 卡片标题样式 */
|
||||
a.custom-card .card-title {
|
||||
font-weight: 600 !important;
|
||||
display: flex !important;
|
||||
align-items: center !important;
|
||||
justify-content: space-between !important;
|
||||
margin-bottom: 16rpx !important;
|
||||
}
|
||||
|
||||
.position-nav::before
|
||||
position: absolute
|
||||
left: 0
|
||||
top: -4rpx
|
||||
content: ''
|
||||
width: 4rpx
|
||||
height: 16rpx
|
||||
border-radius: 2rpx
|
||||
background: #256BFA
|
||||
transform: translate(0, -50%) rotate(-45deg)
|
||||
a.custom-card .card-title .title-text {
|
||||
font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif !important;
|
||||
font-size: 32rpx !important;
|
||||
line-height: 1.4 !important;
|
||||
color: #333333 !important;
|
||||
max-width: calc(100% - 160rpx) !important;
|
||||
overflow: hidden !important;
|
||||
text-overflow: ellipsis !important;
|
||||
white-space: nowrap !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.position-nav::after
|
||||
position: absolute
|
||||
left: 0
|
||||
top: -4rpx
|
||||
content: ''
|
||||
width: 4rpx
|
||||
height: 16rpx
|
||||
border-radius: 2rpx
|
||||
background: #256BFA
|
||||
transform: rotate(45deg)
|
||||
a.custom-card .card-title .card-salary {
|
||||
font-family: DIN-Medium !important;
|
||||
font-size: 32rpx !important;
|
||||
color: #4C6EFB !important;
|
||||
line-height: 1.4 !important;
|
||||
font-weight: 500 !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
.card-tag
|
||||
font-weight: 500
|
||||
font-size: 24rpx
|
||||
color: #333333
|
||||
width: fit-content
|
||||
background: #F4F4F4
|
||||
border-radius: 4rpx
|
||||
padding: 4rpx 20rpx
|
||||
margin-right: 16rpx
|
||||
margin-bottom: 0
|
||||
/* 公司信息样式 */
|
||||
a.custom-card .card-company {
|
||||
margin-bottom: 18rpx !important;
|
||||
font-size: 28rpx !important;
|
||||
color: #6C7282 !important;
|
||||
line-height: 1.4 !important;
|
||||
max-width: 100% !important;
|
||||
overflow: hidden !important;
|
||||
text-overflow: ellipsis !important;
|
||||
white-space: nowrap !important;
|
||||
margin-top: 0 !important;
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
/* 标签容器样式 */
|
||||
a.custom-card .card-tags {
|
||||
display: flex !important;
|
||||
flex-wrap: wrap !important;
|
||||
margin-bottom: 24rpx !important;
|
||||
}
|
||||
|
||||
/* 单个标签样式 */
|
||||
a.custom-card .card-tag {
|
||||
font-weight: 400 !important;
|
||||
font-size: 24rpx !important;
|
||||
color: #6C7282 !important;
|
||||
width: fit-content !important;
|
||||
background: #F4F4F4 !important;
|
||||
border-radius: 4rpx !important;
|
||||
padding: 6rpx 20rpx !important;
|
||||
margin-right: 20rpx !important;
|
||||
margin-bottom: 14rpx !important;
|
||||
display: inline-flex !important;
|
||||
align-items: center !important;
|
||||
justify-content: center !important;
|
||||
height: 30rpx !important;
|
||||
line-height: 30rpx !important;
|
||||
}
|
||||
|
||||
/* 卡片底部样式 */
|
||||
a.custom-card .card-bottom {
|
||||
display: flex !important;
|
||||
justify-content: space-between !important;
|
||||
font-size: 24rpx !important;
|
||||
color: #6C7282 !important;
|
||||
margin-top: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
a.custom-card .card-bottom .info-item {
|
||||
display: flex !important;
|
||||
align-items: center !important;
|
||||
justify-content: center !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
|
||||
/* 卡片信息区域样式 */
|
||||
a.custom-card .card-info {
|
||||
display: flex !important;
|
||||
align-items: center !important;
|
||||
justify-content: space-between !important;
|
||||
padding-right: 40rpx !important;
|
||||
}
|
||||
|
||||
a.custom-card .card-info .info-item {
|
||||
display: flex !important;
|
||||
align-items: center !important;
|
||||
}
|
||||
|
||||
a.custom-card .card-info .info-item:last-child {
|
||||
color: #256BFA !important;
|
||||
font-size: 28rpx !important;
|
||||
padding-right: 10rpx !important;
|
||||
position: relative !important;
|
||||
}
|
||||
|
||||
/* 查看详情箭头样式 */
|
||||
a.custom-card .position-nav {
|
||||
position: absolute !important;
|
||||
right: -10rpx !important;
|
||||
top: 50% !important;
|
||||
transform: translateY(-50%) !important;
|
||||
}
|
||||
|
||||
a.custom-card .position-nav::before {
|
||||
position: absolute !important;
|
||||
left: 0 !important;
|
||||
top: -4rpx !important;
|
||||
content: '' !important;
|
||||
width: 4rpx !important;
|
||||
height: 16rpx !important;
|
||||
border-radius: 2rpx !important;
|
||||
background: #256BFA !important;
|
||||
transform: translate(0, -50%) rotate(-45deg) !important;
|
||||
}
|
||||
|
||||
a.custom-card .position-nav::after {
|
||||
position: absolute !important;
|
||||
left: 0 !important;
|
||||
top: -4rpx !important;
|
||||
content: '' !important;
|
||||
width: 4rpx !important;
|
||||
height: 16rpx !important;
|
||||
border-radius: 2rpx !important;
|
||||
background: #256BFA !important;
|
||||
transform: rotate(45deg) !important;
|
||||
}
|
||||
|
||||
/* 查看更多按钮样式 */
|
||||
a.custom-more {
|
||||
display: flex !important;
|
||||
justify-content: center !important;
|
||||
align-items: center !important;
|
||||
color: #FFFFFF !important;
|
||||
background: linear-gradient(135deg, #256BFA 0%, #9E74FD 100%) !important;
|
||||
border-radius: 50rpx !important;
|
||||
padding: 20rpx 32rpx !important;
|
||||
margin: 20rpx 0 !important;
|
||||
font-size: 28rpx !important;
|
||||
font-weight: 600 !important;
|
||||
box-shadow: 0rpx 8rpx 24rpx rgba(37, 107, 250, 0.3) !important;
|
||||
transition: all 0.3s ease !important;
|
||||
position: relative !important;
|
||||
overflow: hidden !important;
|
||||
text-decoration: none !important;
|
||||
box-sizing: border-box !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
a.custom-more .more-icon {
|
||||
width: 32rpx !important;
|
||||
height: 32rpx !important;
|
||||
background: url('@/static/svg/seemore.svg') center center no-repeat !important;
|
||||
background-size: 100% 100% !important;
|
||||
margin-left: 12rpx !important;
|
||||
filter: brightness(0) invert(1) !important;
|
||||
}
|
||||
|
||||
a.custom-more::before {
|
||||
content: '' !important;
|
||||
position: absolute !important;
|
||||
top: 0 !important;
|
||||
left: -100% !important;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent) !important;
|
||||
transition: left 0.5s ease !important;
|
||||
}
|
||||
|
||||
a.custom-more:active {
|
||||
transform: translateY(2rpx) !important;
|
||||
box-shadow: 0rpx 4rpx 16rpx rgba(37, 107, 250, 0.4) !important;
|
||||
}
|
||||
|
||||
a.custom-more:active::before {
|
||||
left: 100% !important;
|
||||
}
|
||||
}
|
||||
/* #endif */
|
||||
</style>
|
||||
|
||||
@@ -40,6 +40,22 @@
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 机构类型选择（仅单位角色显示） -->
|
||||
<view v-if="userType === 0" class="org-type-select">
|
||||
<view class="org-type-title">请选择机构类型</view>
|
||||
<view class="org-type-options">
|
||||
<view
|
||||
v-for="option in orgTypeOptions"
|
||||
:key="option.value"
|
||||
class="org-type-item"
|
||||
:class="{ active: orgType === option.value }"
|
||||
@click="selectOrgType(option.value)"
|
||||
>
|
||||
<view class="org-type-text">{{ option.label }}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 授权说明 -->
|
||||
<view class="auth-tips">
|
||||
<view class="tip-item">
|
||||
@@ -99,21 +115,50 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { ref, inject } from 'vue';
|
||||
import { ref, inject, onMounted } from 'vue';
|
||||
import useUserStore from '@/stores/useUserStore';
|
||||
import useDictStore from '@/stores/useDictStore';
|
||||
import { tabbarManager } from '@/utils/tabbarManager';
|
||||
|
||||
const { $api } = inject('globalFunction');
|
||||
const { loginSetToken } = useUserStore();
|
||||
const dictStore = useDictStore();
|
||||
|
||||
const popup = ref(null);
|
||||
const userType = ref(null); // 用户角色：1-求职者，0-企业
|
||||
const orgType = ref(null); // 机构类型
|
||||
const orgTypeOptions = ref([]); // 机构类型选项
|
||||
const emit = defineEmits(['success', 'cancel']);
|
||||
|
||||
// 获取机构类型字典
|
||||
const getOrgTypeDict = async () => {
|
||||
try {
|
||||
const options = await dictStore.getDictSelectOption('org_type');
|
||||
orgTypeOptions.value = options;
|
||||
} catch (error) {
|
||||
console.error('获取机构类型字典失败：', error);
|
||||
// 使用备用数据
|
||||
orgTypeOptions.value = [
|
||||
{ label: '有限责任公司', value: '1' },
|
||||
{ label: '股份有限公司', value: '2' },
|
||||
{ label: '个人独资企业', value: '3' },
|
||||
{ label: '合伙企业', value: '4' },
|
||||
{ label: '外商投资企业', value: '5' },
|
||||
{ label: '其他', value: '6' }
|
||||
];
|
||||
}
|
||||
};
|
||||
|
||||
// 组件挂载时获取字典数据
|
||||
onMounted(() => {
|
||||
getOrgTypeDict();
|
||||
});
|
||||
|
||||
// 打开弹窗
|
||||
const open = () => {
|
||||
popup.value?.open();
|
||||
userType.value = null; // 重置角色选择
|
||||
orgType.value = null; // 重置机构类型选择
|
||||
};
|
||||
|
||||
// 关闭弹窗
|
||||
@@ -125,6 +170,12 @@ const close = () => {
|
||||
// 选择角色
|
||||
const selectRole = (type) => {
|
||||
userType.value = type;
|
||||
orgType.value = null; // 切换角色时重置机构类型选择
|
||||
};
|
||||
|
||||
// 选择机构类型
|
||||
const selectOrgType = (type) => {
|
||||
orgType.value = type;
|
||||
};
|
||||
|
||||
// 验证角色是否已选择
|
||||
@@ -133,6 +184,13 @@ const validateRole = () => {
|
||||
$api.msg('请先选择您的角色');
|
||||
return false;
|
||||
}
|
||||
|
||||
// 验证机构类型是否已选择（仅单位角色）
|
||||
if (userType.value === 0 && orgType.value === null) {
|
||||
$api.msg('请选择机构类型');
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
};
|
||||
|
||||
@@ -147,6 +205,12 @@ const getPhoneNumber = (e) => {
|
||||
$api.msg('请先选择您的角色');
|
||||
return true;
|
||||
}
|
||||
|
||||
// 验证机构类型是否已选择（仅单位角色）
|
||||
if (userType.value === 0 && orgType.value === null) {
|
||||
$api.msg('请选择机构类型');
|
||||
return true;
|
||||
}
|
||||
uni.login({
|
||||
provider: 'weixin',
|
||||
success: (loginRes) => {
|
||||
@@ -161,7 +225,8 @@ const getPhoneNumber = (e) => {
|
||||
code,
|
||||
encryptedData,
|
||||
iv,
|
||||
userType: userType.value
|
||||
userType: userType.value,
|
||||
orgType: orgType.value
|
||||
}, 'post').then((resData) => {
|
||||
uni.hideLoading();
|
||||
console.log(resData, 'resume.idCard');
|
||||
@@ -250,7 +315,8 @@ const wxLogin = () => {
|
||||
// 调用后端接口进行登录
|
||||
$api.createRequest('/app/appLogin', {
|
||||
code: loginRes.code,
|
||||
userType: userType.value
|
||||
userType: userType.value,
|
||||
orgType: orgType.value
|
||||
}, 'post').then((resData) => {
|
||||
if (resData.token) {
|
||||
loginSetToken(resData.token).then((resume) => {
|
||||
@@ -372,7 +438,7 @@ defineExpose({
|
||||
overflow: hidden
|
||||
|
||||
.modal-content
|
||||
padding: 60rpx 40rpx 40rpx
|
||||
padding: 40rpx 40rpx 40rpx
|
||||
position: relative
|
||||
|
||||
.close-btn
|
||||
@@ -388,11 +454,11 @@ defineExpose({
|
||||
|
||||
.auth-header
|
||||
text-align: center
|
||||
margin-bottom: 40rpx
|
||||
margin-bottom: 20rpx
|
||||
|
||||
.auth-logo
|
||||
width: 120rpx
|
||||
height: 120rpx
|
||||
width: 90rpx
|
||||
height: 90rpx
|
||||
margin: 0 auto 24rpx
|
||||
|
||||
.auth-title
|
||||
@@ -407,7 +473,6 @@ defineExpose({
|
||||
|
||||
.role-select
|
||||
margin-bottom: 32rpx
|
||||
|
||||
.role-title
|
||||
font-size: 28rpx
|
||||
font-weight: 500
|
||||
@@ -446,6 +511,41 @@ defineExpose({
|
||||
color: #333333
|
||||
font-weight: 500
|
||||
|
||||
.org-type-select
|
||||
margin-bottom: 22rpx
|
||||
|
||||
.org-type-title
|
||||
font-size: 28rpx
|
||||
font-weight: 500
|
||||
color: #333333
|
||||
margin-bottom: 20rpx
|
||||
text-align: center
|
||||
|
||||
.org-type-options
|
||||
display: flex
|
||||
flex-wrap: wrap
|
||||
gap: 16rpx
|
||||
|
||||
.org-type-item
|
||||
display:inline-block
|
||||
background: #F7F8FA
|
||||
border: 2rpx solid #E5E5E5
|
||||
border-radius: 10rpx
|
||||
padding: 10rpx 10rpx
|
||||
transition: all 0.3s ease
|
||||
cursor: pointer
|
||||
text-align: center
|
||||
|
||||
&.active
|
||||
background: #F0F5FF
|
||||
border-color: #256BFA
|
||||
box-shadow: 0 4rpx 12rpx rgba(37, 107, 250, 0.15)
|
||||
|
||||
.org-type-text
|
||||
font-size: 22rpx
|
||||
color: #333333
|
||||
font-weight: 500
|
||||
|
||||
.auth-tips
|
||||
background: #F7F8FA
|
||||
border-radius: 16rpx
|
||||
|
||||
@@ -20,6 +20,7 @@ export function useAudioRecorder() {
|
||||
|
||||
const recognizedText = ref('')
|
||||
const lastFinalText = ref('')
|
||||
const isRecognizing = ref(false) // 识别状态，暴露给外部
|
||||
|
||||
let audioStream = null
|
||||
let audioContext = null
|
||||
@@ -132,11 +133,15 @@ export function useAudioRecorder() {
|
||||
}
|
||||
case 'TranscriptionCompleted': {
|
||||
lastFinalText.value = ''
|
||||
isRecognizing.value = false // 识别完成，重置状态
|
||||
// console.log('识别全部完成')
|
||||
cleanup()
|
||||
break
|
||||
}
|
||||
case 'TaskFailed': {
|
||||
console.error('识别失败:', msg?.header?.status_text)
|
||||
isRecognizing.value = false // 识别失败，重置状态
|
||||
cleanup()
|
||||
break
|
||||
}
|
||||
default:
|
||||
@@ -151,7 +156,104 @@ export function useAudioRecorder() {
|
||||
if (isRecording.value) return
|
||||
|
||||
// #ifdef MP-WEIXIN
|
||||
$api.msg('小程序暂不支持语音识别功能');
|
||||
try {
|
||||
recognizedText.value = ''
|
||||
lastFinalText.value = ''
|
||||
// 开始录音时不设置isRecognizing为true，只有在停止录音后才保持isRecognizing为true
|
||||
|
||||
const recorderManager = uni.getRecorderManager()
|
||||
|
||||
// 监听录音完成事件
|
||||
recorderManager.onStop(async (res) => {
|
||||
console.log('小程序录音完成:', res)
|
||||
try {
|
||||
// 停止录音后设置isRecognizing为true，显示loading
|
||||
isRecognizing.value = true
|
||||
|
||||
// 打印请求配置，便于调试
|
||||
console.log('准备上传语音识别请求配置:', {
|
||||
url: config.vioceBaseURl,
|
||||
name: 'file',
|
||||
method: 'POST',
|
||||
fileType: 'audio',
|
||||
filePath: res.tempFilePath
|
||||
})
|
||||
|
||||
// 上传录音文件到服务器进行语音识别
|
||||
const uploadResult = await uni.uploadFile({
|
||||
url: config.vioceBaseURl,
|
||||
filePath: res.tempFilePath,
|
||||
name: 'file',
|
||||
fileType: 'audio',
|
||||
method: 'POST' // 显式设置为POST请求
|
||||
})
|
||||
|
||||
console.log('语音识别上传结果:', uploadResult)
|
||||
|
||||
if (uploadResult.statusCode === 200) {
|
||||
try {
|
||||
const result = JSON.parse(uploadResult.data)
|
||||
console.log('语音识别结果:', result)
|
||||
if (result.code === 200 && result.data) {
|
||||
recognizedText.value = result.data
|
||||
console.log('语音识别成功，识别结果:', recognizedText.value)
|
||||
// 语音识别成功后，自动发送消息
|
||||
// 这里需要触发一个事件，让父组件知道识别成功
|
||||
// 或者直接调用发送消息的方法
|
||||
isRecognizing.value = false // 识别成功，重置状态
|
||||
} else {
|
||||
console.error('语音识别返回错误:', result.message || '未知错误')
|
||||
$api.msg('语音识别失败，请重试')
|
||||
isRecognizing.value = false // 识别失败，重置状态
|
||||
}
|
||||
} catch (parseErr) {
|
||||
console.error('语音识别结果解析失败:', parseErr)
|
||||
$api.msg('语音识别失败，请重试')
|
||||
isRecognizing.value = false // 解析失败，重置状态
|
||||
}
|
||||
} else {
|
||||
console.error('语音识别请求失败，状态码:', uploadResult.statusCode)
|
||||
$api.msg('语音识别失败，请重试')
|
||||
isRecognizing.value = false // 请求失败，重置状态
|
||||
}
|
||||
} catch (err) {
|
||||
console.error('语音识别上传失败:', err)
|
||||
$api.msg('语音识别失败，请重试')
|
||||
isRecognizing.value = false // 上传失败，重置状态
|
||||
}
|
||||
})
|
||||
|
||||
// 监听录音错误事件
|
||||
recorderManager.onError((err) => {
|
||||
console.error('小程序录音错误:', err)
|
||||
$api.msg('录音失败，请重试');
|
||||
cleanup()
|
||||
})
|
||||
|
||||
// 微信小程序录音API
|
||||
await recorderManager.start({
|
||||
duration: 60000, // 最长录音60秒
|
||||
sampleRate: 16000,
|
||||
numberOfChannels: 1,
|
||||
encodeBitRate: 96000,
|
||||
format: 'mp3'
|
||||
})
|
||||
|
||||
isRecording.value = true
|
||||
recordingDuration.value = 0
|
||||
durationTimer = setInterval(() => recordingDuration.value++, 1000)
|
||||
|
||||
// 监听录音事件（可选）
|
||||
recorderManager.onFrameRecorded((res) => {
|
||||
// 更新音量显示
|
||||
volumeLevel.value = res.volume || 0
|
||||
audioDataForDisplay.value = Array(16).fill(volumeLevel.value)
|
||||
})
|
||||
} catch (err) {
|
||||
console.error('小程序录音启动失败:', err)
|
||||
$api.msg('录音启动失败，请重试');
|
||||
cleanup()
|
||||
}
|
||||
return;
|
||||
// #endif
|
||||
|
||||
@@ -164,6 +266,7 @@ export function useAudioRecorder() {
|
||||
|
||||
recognizedText.value = ''
|
||||
lastFinalText.value = ''
|
||||
// 开始录音时不设置isRecognizing为true，只有在停止录音后才保持isRecognizing为true
|
||||
await connectWebSocket()
|
||||
|
||||
audioStream = await navigator.mediaDevices.getUserMedia({
|
||||
@@ -201,6 +304,7 @@ export function useAudioRecorder() {
|
||||
durationTimer = setInterval(() => recordingDuration.value++, 1000)
|
||||
} catch (err) {
|
||||
console.error('启动失败:', err)
|
||||
isRecognizing.value = false // 启动失败，重置状态
|
||||
cleanup()
|
||||
}
|
||||
// #endif
|
||||
@@ -210,6 +314,12 @@ export function useAudioRecorder() {
|
||||
if (!isRecording.value || isStopping.value) return
|
||||
isStopping.value = true
|
||||
|
||||
// #ifdef MP-WEIXIN
|
||||
uni.getRecorderManager().stop()
|
||||
// 小程序中录音停止后会触发onStop事件，在onStop事件中处理识别结果和状态重置
|
||||
// #endif
|
||||
|
||||
// #ifdef H5
|
||||
if (websocket?.readyState === WebSocket.OPEN) {
|
||||
websocket.send(JSON.stringify({
|
||||
header: {
|
||||
@@ -218,18 +328,39 @@ export function useAudioRecorder() {
|
||||
message_id: generateUUID()
|
||||
}
|
||||
}))
|
||||
websocket.close()
|
||||
// H5中不立即调用cleanup，等待识别完成
|
||||
}
|
||||
// #endif
|
||||
|
||||
cleanup()
|
||||
// 只清理录音相关资源，不重置识别状态
|
||||
clearInterval(durationTimer)
|
||||
audioStream?.getTracks().forEach(track => track.stop())
|
||||
audioContext?.close()
|
||||
audioStream = null
|
||||
audioContext = null
|
||||
audioInput = null
|
||||
scriptProcessor = null
|
||||
|
||||
isRecording.value = false
|
||||
isSocketConnected.value = false
|
||||
isStopping.value = false
|
||||
}
|
||||
|
||||
const cancelRecording = () => {
|
||||
if (!isRecording.value || isStopping.value) return
|
||||
isStopping.value = true
|
||||
|
||||
// #ifdef MP-WEIXIN
|
||||
uni.getRecorderManager().stop()
|
||||
// #endif
|
||||
|
||||
// #ifdef H5
|
||||
websocket?.close()
|
||||
// #endif
|
||||
|
||||
// 取消录音时重置所有状态
|
||||
cleanup()
|
||||
isRecognizing.value = false
|
||||
isStopping.value = false
|
||||
}
|
||||
|
||||
@@ -249,16 +380,22 @@ export function useAudioRecorder() {
|
||||
|
||||
isRecording.value = false
|
||||
isSocketConnected.value = false
|
||||
isRecognizing.value = false // 停止录音，重置识别状态
|
||||
}
|
||||
|
||||
onUnmounted(() => {
|
||||
if (isRecording.value) stopRecording()
|
||||
})
|
||||
|
||||
const reset = () => {
|
||||
cleanup()
|
||||
}
|
||||
|
||||
return {
|
||||
isRecording,
|
||||
isStopping,
|
||||
isSocketConnected,
|
||||
isRecognizing,
|
||||
recordingDuration,
|
||||
audioDataForDisplay,
|
||||
volumeLevel,
|
||||
@@ -266,6 +403,7 @@ export function useAudioRecorder() {
|
||||
lastFinalText,
|
||||
startRecording,
|
||||
stopRecording,
|
||||
cancelRecording
|
||||
cancelRecording,
|
||||
reset
|
||||
}
|
||||
}
|
||||
@@ -9,77 +9,79 @@ import {
|
||||
onUnload
|
||||
} from '@dcloudio/uni-app'
|
||||
|
||||
export function useTTSPlayer(httpUrl) {
|
||||
const isSpeaking = ref(false)
|
||||
const isPaused = ref(false)
|
||||
const isComplete = ref(false)
|
||||
// 创建单例实例
|
||||
let ttsInstance = null
|
||||
|
||||
// #ifdef H5
|
||||
// H5环境，使用 AudioContext
|
||||
// 初始化时不立即创建，而是在需要时创建，确保在用户交互后创建
|
||||
let audioContext = null
|
||||
// #endif
|
||||
// 创建音频播放器类
|
||||
class TTSPlayer {
|
||||
constructor(httpUrl) {
|
||||
this.httpUrl = httpUrl
|
||||
this.isSpeaking = ref(false)
|
||||
this.isPaused = ref(false)
|
||||
this.isComplete = ref(false)
|
||||
|
||||
// #ifdef H5
|
||||
this.audioContext = null
|
||||
this.htmlAudioElement = null
|
||||
this.abortController = null
|
||||
// #endif
|
||||
|
||||
// #ifdef MP-WEIXIN
|
||||
this.backgroundAudioManager = null
|
||||
this.innerAudioContext = null
|
||||
// #endif
|
||||
|
||||
this.currentAudioBuffer = null
|
||||
this.currentSource = null
|
||||
this.playTimeOffset = 0
|
||||
this.isProcessingRequest = false
|
||||
}
|
||||
|
||||
// #ifdef MP-WEIXIN
|
||||
const audioContext = null // 微信小程序不支持 AudioContext
|
||||
let innerAudioContext = null // 微信小程序音频上下文
|
||||
let backgroundAudioManager = null // 微信小程序背景音频管理器
|
||||
// #endif
|
||||
|
||||
let currentAudioBuffer = null
|
||||
let currentSource = null
|
||||
let playTimeOffset = 0
|
||||
|
||||
// 初始化微信小程序音频上下文
|
||||
// #ifdef MP-WEIXIN
|
||||
const initAudioManager = () => {
|
||||
initAudioManager() {
|
||||
try {
|
||||
console.log('📱 微信小程序：创建背景音频管理器')
|
||||
backgroundAudioManager = uni.getBackgroundAudioManager()
|
||||
this.backgroundAudioManager = uni.getBackgroundAudioManager()
|
||||
|
||||
// 设置默认配置
|
||||
backgroundAudioManager.title = 'AI语音播报'
|
||||
backgroundAudioManager.singer = 'KS AI'
|
||||
backgroundAudioManager.coverImgUrl = '/static/icon/logo.png'
|
||||
backgroundAudioManager.volume = 1.0
|
||||
this.backgroundAudioManager.title = 'AI语音播报'
|
||||
this.backgroundAudioManager.singer = 'KS AI'
|
||||
this.backgroundAudioManager.coverImgUrl = '/static/icon/logo.png'
|
||||
this.backgroundAudioManager.volume = 1.0
|
||||
|
||||
backgroundAudioManager.onPlay(() => {
|
||||
this.backgroundAudioManager.onPlay(() => {
|
||||
console.log('🎵 微信小程序背景音频播放开始')
|
||||
isSpeaking.value = true
|
||||
isPaused.value = false
|
||||
this.isSpeaking.value = true
|
||||
this.isPaused.value = false
|
||||
})
|
||||
|
||||
backgroundAudioManager.onPause(() => {
|
||||
this.backgroundAudioManager.onPause(() => {
|
||||
console.log('⏸️ 微信小程序背景音频播放暂停')
|
||||
isPaused.value = true
|
||||
this.isPaused.value = true
|
||||
})
|
||||
|
||||
backgroundAudioManager.onStop(() => {
|
||||
this.backgroundAudioManager.onStop(() => {
|
||||
console.log('⏹️ 微信小程序背景音频播放停止')
|
||||
isSpeaking.value = false
|
||||
isComplete.value = true
|
||||
this.isSpeaking.value = false
|
||||
this.isComplete.value = true
|
||||
})
|
||||
|
||||
backgroundAudioManager.onEnded(() => {
|
||||
this.backgroundAudioManager.onEnded(() => {
|
||||
console.log('🎵 微信小程序背景音频播放结束')
|
||||
isSpeaking.value = false
|
||||
isComplete.value = true
|
||||
this.isSpeaking.value = false
|
||||
this.isComplete.value = true
|
||||
})
|
||||
|
||||
backgroundAudioManager.onError((res) => {
|
||||
this.backgroundAudioManager.onError((res) => {
|
||||
console.error('❌ 微信小程序背景音频播放错误:', res.errMsg, '错误码:', res.errCode)
|
||||
isSpeaking.value = false
|
||||
isComplete.value = false
|
||||
this.isSpeaking.value = false
|
||||
this.isComplete.value = false
|
||||
})
|
||||
|
||||
backgroundAudioManager.onCanplay(() => {
|
||||
this.backgroundAudioManager.onCanplay(() => {
|
||||
console.log('🎵 微信小程序背景音频可以播放了')
|
||||
})
|
||||
|
||||
backgroundAudioManager.onWaiting(() => {
|
||||
console.log('⏳ 微信小程序背景音频加载中...')
|
||||
})
|
||||
|
||||
console.log('✅ 微信小程序背景音频管理器初始化成功')
|
||||
return true
|
||||
} catch (e) {
|
||||
@@ -87,159 +89,384 @@ export function useTTSPlayer(httpUrl) {
|
||||
// 降级使用InnerAudioContext
|
||||
console.log('🔄 微信小程序：背景音频不可用，降级使用InnerAudioContext')
|
||||
|
||||
if (!innerAudioContext) {
|
||||
innerAudioContext = uni.createInnerAudioContext()
|
||||
innerAudioContext.autoplay = false
|
||||
innerAudioContext.obeyMuteSwitch = false
|
||||
if (!this.innerAudioContext) {
|
||||
this.innerAudioContext = uni.createInnerAudioContext()
|
||||
this.innerAudioContext.autoplay = false
|
||||
this.innerAudioContext.obeyMuteSwitch = false
|
||||
|
||||
innerAudioContext.onPlay(() => {
|
||||
this.innerAudioContext.onPlay(() => {
|
||||
console.log('🎵 微信小程序InnerAudioContext播放开始')
|
||||
isSpeaking.value = true
|
||||
isPaused.value = false
|
||||
this.isSpeaking.value = true
|
||||
this.isPaused.value = false
|
||||
})
|
||||
|
||||
innerAudioContext.onPause(() => {
|
||||
this.innerAudioContext.onPause(() => {
|
||||
console.log('⏸️ 微信小程序InnerAudioContext播放暂停')
|
||||
isPaused.value = true
|
||||
this.isPaused.value = true
|
||||
})
|
||||
|
||||
innerAudioContext.onStop(() => {
|
||||
this.innerAudioContext.onStop(() => {
|
||||
console.log('⏹️ 微信小程序InnerAudioContext播放停止')
|
||||
isSpeaking.value = false
|
||||
isComplete.value = true
|
||||
this.isSpeaking.value = false
|
||||
this.isComplete.value = true
|
||||
})
|
||||
|
||||
innerAudioContext.onEnded(() => {
|
||||
this.innerAudioContext.onEnded(() => {
|
||||
console.log('🎵 微信小程序InnerAudioContext播放结束')
|
||||
isSpeaking.value = false
|
||||
isComplete.value = true
|
||||
this.isSpeaking.value = false
|
||||
this.isComplete.value = true
|
||||
})
|
||||
|
||||
innerAudioContext.onError((res) => {
|
||||
this.innerAudioContext.onError((res) => {
|
||||
console.error('❌ 微信小程序InnerAudioContext错误:', res.errMsg, '错误码:', res.errCode)
|
||||
isSpeaking.value = false
|
||||
isComplete.value = false
|
||||
this.isSpeaking.value = false
|
||||
this.isComplete.value = false
|
||||
})
|
||||
|
||||
innerAudioContext.onCanplay(() => {
|
||||
this.innerAudioContext.onCanplay(() => {
|
||||
console.log('🎵 微信小程序InnerAudioContext可以播放了')
|
||||
if (isSpeaking.value && !isPaused.value) {
|
||||
innerAudioContext.play()
|
||||
if (this.isSpeaking.value && !this.isPaused.value) {
|
||||
this.innerAudioContext.play()
|
||||
}
|
||||
})
|
||||
}
|
||||
return false
|
||||
}
|
||||
}
|
||||
// #endif
|
||||
|
||||
const speak = async (text) => {
|
||||
// 停止当前播放
|
||||
stop()
|
||||
|
||||
// H5环境播放解码后的音频
|
||||
playDecodedAudio(decoded) {
|
||||
// #ifdef H5
|
||||
if (!this.audioContext) return;
|
||||
|
||||
// 创建音频源
|
||||
this.currentSource = this.audioContext.createBufferSource()
|
||||
this.currentSource.buffer = decoded
|
||||
this.currentSource.connect(this.audioContext.destination)
|
||||
|
||||
// 监听播放结束
|
||||
this.currentSource.onended = () => {
|
||||
console.log('🎵 Audio playback completed');
|
||||
this.isSpeaking.value = false
|
||||
this.isComplete.value = true
|
||||
}
|
||||
|
||||
// 开始播放
|
||||
this.currentSource.start()
|
||||
this.isSpeaking.value = true
|
||||
this.isPaused.value = false
|
||||
this.isComplete.value = false
|
||||
console.log('🎵 Audio playback started');
|
||||
// #endif
|
||||
}
|
||||
|
||||
// 降级处理：创建一个简单的音频缓冲区
|
||||
createFallbackAudio(arrayBuffer) {
|
||||
// #ifdef H5
|
||||
console.log('🔄 使用降级方案创建音频');
|
||||
|
||||
// 创建一个简单的音频缓冲区，生成提示音
|
||||
const sampleRate = 44100
|
||||
const duration = 1 // 1秒
|
||||
const frameCount = sampleRate * duration
|
||||
|
||||
const audioBuffer = this.audioContext.createBuffer(1, frameCount, sampleRate)
|
||||
const channelData = audioBuffer.getChannelData(0)
|
||||
|
||||
// 生成一个简单的提示音（正弦波）
|
||||
for (let i = 0; i < frameCount; i++) {
|
||||
const t = i / sampleRate
|
||||
channelData[i] = Math.sin(2 * Math.PI * 440 * t) * 0.1 // 440Hz正弦波，音量0.1
|
||||
}
|
||||
|
||||
this.playDecodedAudio(audioBuffer)
|
||||
// #endif
|
||||
}
|
||||
|
||||
// 暂停播放
|
||||
pause() {
|
||||
console.log('⏸️ TTS pause called');
|
||||
|
||||
// #ifdef MP-WEIXIN
|
||||
// 优先使用背景音频管理器
|
||||
if (this.backgroundAudioManager) {
|
||||
try {
|
||||
this.backgroundAudioManager.pause()
|
||||
console.log('⏸️ 微信小程序背景音频暂停');
|
||||
return
|
||||
} catch (e) {
|
||||
console.error('❌ 微信小程序背景音频暂停失败:', e);
|
||||
}
|
||||
}
|
||||
|
||||
// 降级使用InnerAudioContext
|
||||
if (this.innerAudioContext && this.isSpeaking.value && !this.isPaused.value) {
|
||||
try {
|
||||
this.innerAudioContext.pause()
|
||||
console.log('⏸️ 微信小程序InnerAudioContext暂停');
|
||||
return
|
||||
} catch (e) {
|
||||
console.error('❌ 微信小程序InnerAudioContext暂停失败:', e);
|
||||
}
|
||||
}
|
||||
// #endif
|
||||
|
||||
// #ifdef H5
|
||||
if (this.audioContext && !this.isSpeaking.value || this.isPaused.value) {
|
||||
console.warn('⚠️ Cannot pause TTS playback');
|
||||
return;
|
||||
}
|
||||
|
||||
if (this.audioContext.state === 'running') {
|
||||
this.audioContext.suspend()
|
||||
this.isPaused.value = true
|
||||
// 保存当前播放位置
|
||||
this.playTimeOffset = this.audioContext.currentTime
|
||||
console.log('✅ H5 Audio paused successfully');
|
||||
}
|
||||
// #endif
|
||||
}
|
||||
|
||||
// 恢复播放
|
||||
resume() {
|
||||
console.log('▶️ TTS resume called');
|
||||
|
||||
// #ifdef MP-WEIXIN
|
||||
// 优先使用背景音频管理器
|
||||
if (this.backgroundAudioManager) {
|
||||
try {
|
||||
this.backgroundAudioManager.play()
|
||||
console.log('▶️ 微信小程序背景音频恢复播放');
|
||||
return
|
||||
} catch (e) {
|
||||
console.error('❌ 微信小程序背景音频恢复失败:', e);
|
||||
}
|
||||
}
|
||||
|
||||
// 降级使用InnerAudioContext
|
||||
if (this.innerAudioContext && this.isSpeaking.value && this.isPaused.value) {
|
||||
try {
|
||||
this.innerAudioContext.play()
|
||||
console.log('▶️ 微信小程序InnerAudioContext恢复播放');
|
||||
return
|
||||
} catch (e) {
|
||||
console.error('❌ 微信小程序InnerAudioContext恢复失败:', e);
|
||||
}
|
||||
}
|
||||
// #endif
|
||||
|
||||
// #ifdef H5
|
||||
if (this.audioContext && !this.isSpeaking.value || !this.isPaused.value) {
|
||||
console.warn('⚠️ Cannot resume TTS playback');
|
||||
return;
|
||||
}
|
||||
|
||||
if (this.audioContext.state === 'suspended') {
|
||||
this.audioContext.resume()
|
||||
this.isPaused.value = false
|
||||
console.log('✅ H5 Audio resumed successfully');
|
||||
}
|
||||
// #endif
|
||||
}
|
||||
|
||||
// 停止播放
|
||||
stop() {
|
||||
console.log('⏹️ TTS stop called');
|
||||
|
||||
// #ifdef MP-WEIXIN
|
||||
// 优先使用背景音频管理器
|
||||
if (this.backgroundAudioManager) {
|
||||
try {
|
||||
this.backgroundAudioManager.stop()
|
||||
console.log('✅ 微信小程序背景音频停止');
|
||||
} catch (e) {
|
||||
console.error('❌ 微信小程序背景音频停止失败:', e);
|
||||
}
|
||||
}
|
||||
|
||||
// 降级使用InnerAudioContext
|
||||
if (this.innerAudioContext) {
|
||||
try {
|
||||
this.innerAudioContext.stop()
|
||||
console.log('✅ 微信小程序InnerAudioContext停止');
|
||||
this.innerAudioContext.destroy()
|
||||
this.innerAudioContext = null
|
||||
} catch (e) {
|
||||
console.error('❌ 微信小程序InnerAudioContext停止错误:', e);
|
||||
}
|
||||
}
|
||||
// #endif
|
||||
|
||||
// #ifdef H5
|
||||
// 取消正在进行的fetch请求
|
||||
if (this.abortController) {
|
||||
try {
|
||||
this.abortController.abort();
|
||||
this.abortController = null;
|
||||
console.log('✅ H5 fetch request aborted');
|
||||
} catch (e) {
|
||||
console.error('❌ Error aborting H5 fetch request:', e);
|
||||
}
|
||||
}
|
||||
|
||||
if (this.currentSource) {
|
||||
try {
|
||||
this.currentSource.stop()
|
||||
this.currentSource.disconnect()
|
||||
} catch (e) {
|
||||
console.error('❌ Error stopping H5 audio source:', e);
|
||||
}
|
||||
this.currentSource = null
|
||||
}
|
||||
|
||||
// 停止并清理HTML5 Audio元素
|
||||
if (this.htmlAudioElement) {
|
||||
try {
|
||||
this.htmlAudioElement.pause();
|
||||
this.htmlAudioElement.src = '';
|
||||
this.htmlAudioElement = null;
|
||||
console.log('✅ H5 HTML5 Audio element stopped and cleaned up');
|
||||
} catch (e) {
|
||||
console.error('❌ Error stopping H5 HTML5 Audio element:', e);
|
||||
}
|
||||
}
|
||||
|
||||
if (this.audioContext && this.audioContext.state === 'running') {
|
||||
try {
|
||||
this.audioContext.suspend()
|
||||
} catch (e) {
|
||||
console.error('❌ Error suspending H5 audio context:', e);
|
||||
}
|
||||
}
|
||||
// #endif
|
||||
|
||||
this.isSpeaking.value = false
|
||||
this.isPaused.value = false
|
||||
this.isComplete.value = false
|
||||
this.currentAudioBuffer = null
|
||||
this.playTimeOffset = 0
|
||||
this.isProcessingRequest = false
|
||||
|
||||
console.log('✅ TTS playback stopped');
|
||||
}
|
||||
|
||||
// 取消音频播放
|
||||
cancelAudio() {
|
||||
this.stop()
|
||||
}
|
||||
|
||||
// 合成并播放语音
|
||||
async speak(text) {
|
||||
// 停止当前播放和处理中的请求
|
||||
this.stop()
|
||||
|
||||
try {
|
||||
// 标记开始处理请求
|
||||
this.isProcessingRequest = true
|
||||
|
||||
// 提取要合成的文本
|
||||
const speechText = extractSpeechText(text)
|
||||
console.log('📤 Sending text to TTS server via GET:', speechText.substring(0, 100) + '...');
|
||||
|
||||
// 构建GET请求URL
|
||||
const url = `${httpUrl}?text=${encodeURIComponent(speechText)}`
|
||||
const url = `${this.httpUrl}?text=${encodeURIComponent(speechText)}`
|
||||
console.log('🔗 Final GET URL:', url);
|
||||
|
||||
// #ifdef MP-WEIXIN
|
||||
// 微信小程序环境，使用背景音频管理器
|
||||
const isBackgroundAudioAvailable = initAudioManager()
|
||||
const isBackgroundAudioAvailable = this.initAudioManager()
|
||||
|
||||
// 重置音频状态
|
||||
isSpeaking.value = true
|
||||
isPaused.value = false
|
||||
isComplete.value = false
|
||||
// 重置音频状态，但不立即设置为正在播放，等待实际播放时再设置
|
||||
this.isPaused.value = false
|
||||
this.isComplete.value = false
|
||||
|
||||
if (isBackgroundAudioAvailable && backgroundAudioManager) {
|
||||
if (isBackgroundAudioAvailable && this.backgroundAudioManager) {
|
||||
console.log('🎵 微信小程序：使用背景音频管理器播放，URL:', url);
|
||||
|
||||
// 设置背景音频参数
|
||||
backgroundAudioManager.title = 'AI语音播报'
|
||||
backgroundAudioManager.singer = 'KS AI'
|
||||
backgroundAudioManager.coverImgUrl = '/static/icon/logo.png'
|
||||
this.backgroundAudioManager.title = 'AI语音播报'
|
||||
this.backgroundAudioManager.singer = 'KS AI'
|
||||
this.backgroundAudioManager.coverImgUrl = '/static/icon/logo.png'
|
||||
|
||||
// 直接设置src并播放
|
||||
backgroundAudioManager.src = url
|
||||
console.log('🎵 微信小程序背景音频开始播放');
|
||||
this.backgroundAudioManager.src = url
|
||||
console.log('🎵 微信小程序背景音频开始加载');
|
||||
} else {
|
||||
// 降级方案：使用InnerAudioContext
|
||||
console.log('🔄 微信小程序：背景音频不可用，降级使用InnerAudioContext');
|
||||
|
||||
// 如果已有音频上下文，先销毁再重新创建
|
||||
if (innerAudioContext) {
|
||||
innerAudioContext.destroy()
|
||||
innerAudioContext = null
|
||||
if (this.innerAudioContext) {
|
||||
this.innerAudioContext.destroy()
|
||||
this.innerAudioContext = null
|
||||
}
|
||||
|
||||
innerAudioContext = uni.createInnerAudioContext()
|
||||
innerAudioContext.autoplay = false
|
||||
innerAudioContext.obeyMuteSwitch = false
|
||||
innerAudioContext.volume = 1.0
|
||||
this.innerAudioContext = uni.createInnerAudioContext()
|
||||
this.innerAudioContext.autoplay = true // 设置自动播放，等音频加载完成后自动开始
|
||||
this.innerAudioContext.obeyMuteSwitch = false
|
||||
this.innerAudioContext.volume = 1.0
|
||||
|
||||
innerAudioContext.onPlay(() => {
|
||||
this.innerAudioContext.onPlay(() => {
|
||||
console.log('🎵 微信小程序InnerAudioContext播放开始')
|
||||
isSpeaking.value = true
|
||||
isPaused.value = false
|
||||
this.isSpeaking.value = true
|
||||
this.isPaused.value = false
|
||||
})
|
||||
|
||||
innerAudioContext.onPause(() => {
|
||||
this.innerAudioContext.onPause(() => {
|
||||
console.log('⏸️ 微信小程序InnerAudioContext播放暂停')
|
||||
isPaused.value = true
|
||||
this.isPaused.value = true
|
||||
})
|
||||
|
||||
innerAudioContext.onStop(() => {
|
||||
this.innerAudioContext.onStop(() => {
|
||||
console.log('⏹️ 微信小程序InnerAudioContext播放停止')
|
||||
isSpeaking.value = false
|
||||
isComplete.value = true
|
||||
this.isSpeaking.value = false
|
||||
this.isComplete.value = true
|
||||
})
|
||||
|
||||
innerAudioContext.onEnded(() => {
|
||||
this.innerAudioContext.onEnded(() => {
|
||||
console.log('🎵 微信小程序InnerAudioContext播放结束')
|
||||
isSpeaking.value = false
|
||||
isComplete.value = true
|
||||
this.isSpeaking.value = false
|
||||
this.isComplete.value = true
|
||||
})
|
||||
|
||||
innerAudioContext.onError((res) => {
|
||||
this.innerAudioContext.onError((res) => {
|
||||
console.error('❌ 微信小程序InnerAudioContext错误:', res.errMsg, '错误码:', res.errCode)
|
||||
isSpeaking.value = false
|
||||
isComplete.value = false
|
||||
this.isSpeaking.value = false
|
||||
this.isComplete.value = false
|
||||
})
|
||||
|
||||
innerAudioContext.onCanplay(() => {
|
||||
this.innerAudioContext.onCanplay(() => {
|
||||
console.log('🎵 微信小程序InnerAudioContext可以播放了')
|
||||
if (isSpeaking.value && !isPaused.value) {
|
||||
innerAudioContext.play()
|
||||
}
|
||||
// 不需要手动调用play，因为已经设置了autoplay
|
||||
})
|
||||
|
||||
innerAudioContext.src = url
|
||||
console.log('🎵 微信小程序InnerAudioContext开始播放');
|
||||
this.innerAudioContext.src = url
|
||||
console.log('🎵 微信小程序InnerAudioContext开始加载');
|
||||
}
|
||||
// #endif
|
||||
|
||||
// #ifdef H5
|
||||
// H5环境，使用 AudioContext
|
||||
try {
|
||||
// 创建新的AbortController，用于取消当前请求
|
||||
this.abortController = new AbortController();
|
||||
const signal = this.abortController.signal;
|
||||
|
||||
// 确保AudioContext已创建
|
||||
if (!audioContext) {
|
||||
if (!this.audioContext) {
|
||||
console.log('🎵 H5: 创建新的AudioContext');
|
||||
audioContext = new (window.AudioContext || window.webkitAudioContext)();
|
||||
this.audioContext = new (window.AudioContext || window.webkitAudioContext)();
|
||||
}
|
||||
|
||||
// 检查并恢复AudioContext状态（浏览器安全策略要求用户交互后才能播放音频）
|
||||
if (audioContext.state === 'suspended') {
|
||||
if (this.audioContext.state === 'suspended') {
|
||||
console.log('🎵 H5: 恢复挂起的AudioContext');
|
||||
await audioContext.resume();
|
||||
console.log('✅ H5: AudioContext已恢复，状态:', audioContext.state);
|
||||
await this.audioContext.resume();
|
||||
console.log('✅ H5: AudioContext已恢复，状态:', this.audioContext.state);
|
||||
}
|
||||
|
||||
// 发送GET请求获取语音数据
|
||||
const response = await fetch(url)
|
||||
// 发送GET请求获取语音数据，添加signal支持取消
|
||||
const response = await fetch(url, { signal })
|
||||
if (!response.ok) {
|
||||
throw new Error(`HTTP error! status: ${response.status}`)
|
||||
}
|
||||
@@ -250,277 +477,101 @@ export function useTTSPlayer(httpUrl) {
|
||||
|
||||
try {
|
||||
// 直接使用 audioContext.decodeAudioData 解码，不依赖外部库
|
||||
const decoded = await audioContext.decodeAudioData(arrayBuffer)
|
||||
const decoded = await this.audioContext.decodeAudioData(arrayBuffer)
|
||||
console.log('✅ H5: Audio decoded, sampleRate:', decoded.sampleRate, 'channels:', decoded.numberOfChannels);
|
||||
|
||||
// 播放音频
|
||||
playDecodedAudio(decoded)
|
||||
this.playDecodedAudio(decoded)
|
||||
} catch (decodeError) {
|
||||
console.error('❌ H5: AudioContext decodeAudioData failed:', decodeError);
|
||||
// 降级处理：创建一个简单的音频缓冲区
|
||||
createFallbackAudio(arrayBuffer)
|
||||
this.createFallbackAudio(arrayBuffer)
|
||||
}
|
||||
} catch (h5Error) {
|
||||
// 检查是否是取消请求导致的错误
|
||||
if (h5Error.name === 'AbortError') {
|
||||
console.log('✅ H5: Fetch request aborted as requested');
|
||||
this.isSpeaking.value = false;
|
||||
this.isComplete.value = false;
|
||||
return;
|
||||
}
|
||||
|
||||
console.error('❌ H5: Audio playback failed:', h5Error);
|
||||
// 尝试使用HTML5 Audio元素作为最终降级方案
|
||||
try {
|
||||
console.log('🔄 H5: 尝试使用HTML5 Audio元素播放');
|
||||
|
||||
// 如果已有Audio元素，先停止并销毁
|
||||
if (this.htmlAudioElement) {
|
||||
this.htmlAudioElement.pause();
|
||||
this.htmlAudioElement.src = '';
|
||||
this.htmlAudioElement = null;
|
||||
}
|
||||
|
||||
const audio = new Audio(url);
|
||||
this.htmlAudioElement = audio;
|
||||
audio.play();
|
||||
console.log('✅ H5: HTML5 Audio元素开始播放');
|
||||
|
||||
// 设置音频状态
|
||||
isSpeaking.value = true;
|
||||
isPaused.value = false;
|
||||
isComplete.value = false;
|
||||
this.isSpeaking.value = true;
|
||||
this.isPaused.value = false;
|
||||
this.isComplete.value = false;
|
||||
|
||||
// 监听播放结束
|
||||
audio.onended = () => {
|
||||
console.log('🎵 H5: HTML5 Audio播放结束');
|
||||
isSpeaking.value = false;
|
||||
isComplete.value = true;
|
||||
this.isSpeaking.value = false;
|
||||
this.isComplete.value = true;
|
||||
this.htmlAudioElement = null;
|
||||
};
|
||||
|
||||
// 监听播放错误
|
||||
audio.onerror = (error) => {
|
||||
console.error('❌ H5: HTML5 Audio播放错误:', error);
|
||||
isSpeaking.value = false;
|
||||
isComplete.value = false;
|
||||
this.isSpeaking.value = false;
|
||||
this.isComplete.value = false;
|
||||
this.htmlAudioElement = null;
|
||||
};
|
||||
} catch (audioError) {
|
||||
console.error('❌ H5: HTML5 Audio播放也失败了:', audioError);
|
||||
isSpeaking.value = false;
|
||||
isComplete.value = false;
|
||||
this.isSpeaking.value = false;
|
||||
this.isComplete.value = false;
|
||||
this.htmlAudioElement = null;
|
||||
}
|
||||
} finally {
|
||||
// 清除AbortController，因为请求已经完成（无论成功还是失败）
|
||||
this.abortController = null;
|
||||
}
|
||||
// #endif
|
||||
|
||||
} catch (error) {
|
||||
console.error('❌ TTS synthesis failed:', error);
|
||||
isSpeaking.value = false
|
||||
isComplete.value = false
|
||||
this.isSpeaking.value = false
|
||||
this.isComplete.value = false
|
||||
} finally {
|
||||
// 标记请求处理完成
|
||||
this.isProcessingRequest = false
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// #ifdef H5
|
||||
const playDecodedAudio = (decoded) => {
|
||||
if (!audioContext) return;
|
||||
|
||||
// 创建音频源
|
||||
currentSource = audioContext.createBufferSource()
|
||||
currentSource.buffer = decoded
|
||||
currentSource.connect(audioContext.destination)
|
||||
|
||||
// 监听播放结束
|
||||
currentSource.onended = () => {
|
||||
console.log('🎵 Audio playback completed');
|
||||
isSpeaking.value = false
|
||||
isComplete.value = true
|
||||
}
|
||||
|
||||
// 开始播放
|
||||
currentSource.start()
|
||||
isSpeaking.value = true
|
||||
isPaused.value = false
|
||||
isComplete.value = false
|
||||
console.log('🎵 Audio playback started');
|
||||
// 导出单例hook
|
||||
export function useTTSPlayer(httpUrl) {
|
||||
// 如果已经有实例，直接返回
|
||||
if (!ttsInstance) {
|
||||
ttsInstance = new TTSPlayer(httpUrl)
|
||||
}
|
||||
|
||||
// 降级处理：创建一个简单的音频缓冲区
|
||||
const createFallbackAudio = (arrayBuffer) => {
|
||||
console.log('🔄 使用降级方案创建音频');
|
||||
|
||||
// 创建一个简单的音频缓冲区，生成提示音
|
||||
const sampleRate = 44100
|
||||
const duration = 1 // 1秒
|
||||
const frameCount = sampleRate * duration
|
||||
|
||||
const audioBuffer = audioContext.createBuffer(1, frameCount, sampleRate)
|
||||
const channelData = audioBuffer.getChannelData(0)
|
||||
|
||||
// 生成一个简单的提示音（正弦波）
|
||||
for (let i = 0; i < frameCount; i++) {
|
||||
const t = i / sampleRate
|
||||
channelData[i] = Math.sin(2 * Math.PI * 440 * t) * 0.1 // 440Hz正弦波，音量0.1
|
||||
}
|
||||
|
||||
playDecodedAudio(audioBuffer)
|
||||
}
|
||||
// #endif
|
||||
|
||||
const pause = () => {
|
||||
console.log('⏸️ TTS pause called');
|
||||
|
||||
// #ifdef MP-WEIXIN
|
||||
// 优先使用背景音频管理器
|
||||
if (backgroundAudioManager) {
|
||||
try {
|
||||
backgroundAudioManager.pause()
|
||||
console.log('⏸️ 微信小程序背景音频暂停');
|
||||
return
|
||||
} catch (e) {
|
||||
console.error('❌ 微信小程序背景音频暂停失败:', e);
|
||||
}
|
||||
}
|
||||
|
||||
// 降级使用InnerAudioContext
|
||||
if (innerAudioContext && isSpeaking.value && !isPaused.value) {
|
||||
try {
|
||||
innerAudioContext.pause()
|
||||
console.log('⏸️ 微信小程序InnerAudioContext暂停');
|
||||
return
|
||||
} catch (e) {
|
||||
console.error('❌ 微信小程序InnerAudioContext暂停失败:', e);
|
||||
}
|
||||
}
|
||||
// #endif
|
||||
|
||||
// #ifdef H5
|
||||
if (audioContext && !isSpeaking.value || isPaused.value) {
|
||||
console.warn('⚠️ Cannot pause TTS playback');
|
||||
return;
|
||||
}
|
||||
|
||||
if (audioContext.state === 'running') {
|
||||
audioContext.suspend()
|
||||
isPaused.value = true
|
||||
// 保存当前播放位置
|
||||
playTimeOffset = audioContext.currentTime
|
||||
console.log('✅ H5 Audio paused successfully');
|
||||
}
|
||||
// #endif
|
||||
}
|
||||
|
||||
const resume = () => {
|
||||
console.log('▶️ TTS resume called');
|
||||
|
||||
// #ifdef MP-WEIXIN
|
||||
// 优先使用背景音频管理器
|
||||
if (backgroundAudioManager) {
|
||||
try {
|
||||
backgroundAudioManager.play()
|
||||
console.log('▶️ 微信小程序背景音频恢复播放');
|
||||
return
|
||||
} catch (e) {
|
||||
console.error('❌ 微信小程序背景音频恢复失败:', e);
|
||||
}
|
||||
}
|
||||
|
||||
// 降级使用InnerAudioContext
|
||||
if (innerAudioContext && isSpeaking.value && isPaused.value) {
|
||||
try {
|
||||
innerAudioContext.play()
|
||||
console.log('▶️ 微信小程序InnerAudioContext恢复播放');
|
||||
return
|
||||
} catch (e) {
|
||||
console.error('❌ 微信小程序InnerAudioContext恢复失败:', e);
|
||||
}
|
||||
}
|
||||
// #endif
|
||||
|
||||
// #ifdef H5
|
||||
if (audioContext && !isSpeaking.value || !isPaused.value) {
|
||||
console.warn('⚠️ Cannot resume TTS playback');
|
||||
return;
|
||||
}
|
||||
|
||||
if (audioContext.state === 'suspended') {
|
||||
audioContext.resume()
|
||||
isPaused.value = false
|
||||
console.log('✅ H5 Audio resumed successfully');
|
||||
}
|
||||
// #endif
|
||||
}
|
||||
|
||||
const cancelAudio = () => {
|
||||
stop()
|
||||
}
|
||||
|
||||
const stop = () => {
|
||||
console.log('⏹️ TTS stop called');
|
||||
|
||||
// #ifdef MP-WEIXIN
|
||||
// 优先使用背景音频管理器
|
||||
if (backgroundAudioManager) {
|
||||
try {
|
||||
backgroundAudioManager.stop()
|
||||
console.log('✅ 微信小程序背景音频停止');
|
||||
} catch (e) {
|
||||
console.error('❌ 微信小程序背景音频停止失败:', e);
|
||||
}
|
||||
}
|
||||
|
||||
// 降级使用InnerAudioContext
|
||||
if (innerAudioContext) {
|
||||
try {
|
||||
innerAudioContext.stop()
|
||||
console.log('✅ 微信小程序InnerAudioContext停止');
|
||||
innerAudioContext.destroy()
|
||||
innerAudioContext = null
|
||||
} catch (e) {
|
||||
console.error('❌ 微信小程序InnerAudioContext停止错误:', e);
|
||||
}
|
||||
}
|
||||
// #endif
|
||||
|
||||
// #ifdef H5
|
||||
if (currentSource) {
|
||||
try {
|
||||
currentSource.stop()
|
||||
currentSource.disconnect()
|
||||
} catch (e) {
|
||||
console.error('❌ Error stopping H5 audio source:', e);
|
||||
}
|
||||
currentSource = null
|
||||
}
|
||||
|
||||
if (audioContext && audioContext.state === 'running') {
|
||||
try {
|
||||
audioContext.suspend()
|
||||
} catch (e) {
|
||||
console.error('❌ Error suspending H5 audio context:', e);
|
||||
}
|
||||
}
|
||||
// #endif
|
||||
|
||||
isSpeaking.value = false
|
||||
isPaused.value = false
|
||||
isComplete.value = false
|
||||
currentAudioBuffer = null
|
||||
playTimeOffset = 0
|
||||
|
||||
console.log('✅ TTS playback stopped');
|
||||
}
|
||||
|
||||
onUnmounted(() => {
|
||||
stop()
|
||||
})
|
||||
|
||||
// 页面刷新/关闭时
|
||||
onMounted(() => {
|
||||
if (typeof window !== 'undefined') {
|
||||
window.addEventListener('beforeunload', cancelAudio)
|
||||
}
|
||||
})
|
||||
|
||||
onBeforeUnmount(() => {
|
||||
cancelAudio()
|
||||
if (typeof window !== 'undefined') {
|
||||
window.removeEventListener('beforeunload', cancelAudio)
|
||||
}
|
||||
})
|
||||
|
||||
onHide(cancelAudio)
|
||||
onUnload(cancelAudio)
|
||||
|
||||
|
||||
// 返回实例的方法和状态
|
||||
return {
|
||||
speak,
|
||||
pause,
|
||||
resume,
|
||||
cancelAudio,
|
||||
isSpeaking,
|
||||
isPaused,
|
||||
isComplete
|
||||
speak: ttsInstance.speak.bind(ttsInstance),
|
||||
pause: ttsInstance.pause.bind(ttsInstance),
|
||||
resume: ttsInstance.resume.bind(ttsInstance),
|
||||
cancelAudio: ttsInstance.cancelAudio.bind(ttsInstance),
|
||||
isSpeaking: ttsInstance.isSpeaking,
|
||||
isPaused: ttsInstance.isPaused,
|
||||
isComplete: ttsInstance.isComplete
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
4
main.js
4
main.js
@@ -9,6 +9,7 @@ import globalFunction from '@/common/globalFunction'
|
||||
import '@/lib/string-similarity.min.js'
|
||||
import similarityJobs from '@/utils/similarity_Job.js';
|
||||
import config from '@/config.js';
|
||||
import shareMixin from './mixins/share.js';
|
||||
// 组件
|
||||
import AppLayout from './components/AppLayout/AppLayout.vue';
|
||||
import Empty from './components/empty/empty.vue';
|
||||
@@ -36,6 +37,9 @@ import { getDict } from '@/apiRc/system/dict.js';
|
||||
export function createApp() {
|
||||
const app = createSSRApp(App)
|
||||
|
||||
// 注册全局分享混入
|
||||
app.mixin(shareMixin)
|
||||
|
||||
app.component('AppLayout', AppLayout)
|
||||
app.component('Empty', Empty)
|
||||
app.component('NoBouncePage', NoBouncePage)
|
||||
|
||||
16
mixins/share.js
Normal file
16
mixins/share.js
Normal file
@@ -0,0 +1,16 @@
|
||||
export default {
|
||||
onShareAppMessage() {
|
||||
return {
|
||||
title: '喀什智慧就业平台',
|
||||
path: '/pages/index/index',
|
||||
imageUrl: ''
|
||||
};
|
||||
},
|
||||
onShareTimeline() {
|
||||
return {
|
||||
title: '喀什智慧就业平台',
|
||||
path: '/pages/index/index',
|
||||
imageUrl: ''
|
||||
};
|
||||
}
|
||||
};
|
||||
99
packageA/pages/cancelApplication/cancelApplication.vue
Normal file
99
packageA/pages/cancelApplication/cancelApplication.vue
Normal file
@@ -0,0 +1,99 @@
|
||||
<template>
|
||||
<AppLayout :show-bg-image="false" :use-scroll-view="false">
|
||||
<view class="collection-content">
|
||||
<scroll-view scroll-y class="main-scroll" @scrolltolower="getJobList('add')">
|
||||
<view class="one-cards">
|
||||
<view class="mian">
|
||||
<renderJobs
|
||||
seeDate="shareTime"
|
||||
v-if="pageState.list.length"
|
||||
:list="pageState.list"
|
||||
:longitude="longitudeVal"
|
||||
:latitude="latitudeVal"
|
||||
></renderJobs>
|
||||
<empty v-else pdTop="200"></empty>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</view>
|
||||
</AppLayout>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import dictLabel from '@/components/dict-Label/dict-Label.vue';
|
||||
import AppLayout from '@/components/AppLayout/AppLayout.vue';
|
||||
import { reactive, inject, watch, ref, onMounted } from 'vue';
|
||||
import { onLoad, onShow, onReachBottom } from '@dcloudio/uni-app';
|
||||
import useUserStore from '@/stores/useUserStore';
|
||||
const { $api, navTo, vacanciesTo } = inject('globalFunction');
|
||||
import { storeToRefs } from 'pinia';
|
||||
import useLocationStore from '@/stores/useLocationStore';
|
||||
const { longitudeVal, latitudeVal } = storeToRefs(useLocationStore());
|
||||
const userStore = useUserStore();
|
||||
const state = reactive({});
|
||||
const pageState = reactive({
|
||||
page: 0,
|
||||
list: [],
|
||||
total: 0,
|
||||
maxPage: 1,
|
||||
pageSize: 10,
|
||||
});
|
||||
onLoad(() => {
|
||||
console.log('onLoad');
|
||||
getJobList('refresh');
|
||||
});
|
||||
|
||||
onReachBottom(() => {
|
||||
getJobList();
|
||||
});
|
||||
|
||||
function navToPost(jobId) {
|
||||
navTo(`/packageA/pages/post/post?jobId=${encodeURIComponent(jobId)}`);
|
||||
}
|
||||
|
||||
function getJobList(type = 'add') {
|
||||
if (type === 'refresh') {
|
||||
pageState.page = 1;
|
||||
pageState.maxPage = 1;
|
||||
}
|
||||
if (type === 'add' && pageState.page < pageState.maxPage) {
|
||||
pageState.page += 1;
|
||||
}
|
||||
let params = {
|
||||
current: pageState.page,
|
||||
pageSize: pageState.pageSize,
|
||||
};
|
||||
$api.createRequest('/app/job/selectCencalList', params, 'GET').then((resData) => {
|
||||
const { rows, total } = resData;
|
||||
if (type === 'add') {
|
||||
const str = pageState.pageSize * (pageState.page - 1);
|
||||
const end = pageState.list.length;
|
||||
const reslist = rows;
|
||||
pageState.list.splice(str, end, ...reslist);
|
||||
} else {
|
||||
pageState.list = rows;
|
||||
}
|
||||
pageState.total = resData.total;
|
||||
pageState.maxPage = Math.ceil(pageState.total / pageState.pageSize);
|
||||
console.log(pageState.list);
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="stylus" scoped>
|
||||
.collection-content
|
||||
height: 100%
|
||||
display: flex
|
||||
flex-direction: column
|
||||
|
||||
.main-scroll{
|
||||
flex: 1
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
.one-cards{
|
||||
padding: 0 28rpx 20rpx 28rpx;
|
||||
background: #f4f4f4
|
||||
|
||||
}
|
||||
</style>
|
||||
@@ -76,6 +76,18 @@
|
||||
<view class="picker-text" data-placeholder="请选择学历要求">{{ selectedEducation || '请选择学历要求' }}</view>
|
||||
</picker>
|
||||
</view>
|
||||
<view class="form-group">
|
||||
<view class="label">人员类型</view>
|
||||
<picker
|
||||
mode="selector"
|
||||
:range="staffTypes"
|
||||
range-key="label"
|
||||
@change="onStaffTypeChange"
|
||||
class="picker"
|
||||
>
|
||||
<view class="picker-text" data-placeholder="请选择人员类型">{{ selectedStaffType || '请选择人员类型' }}</view>
|
||||
</picker>
|
||||
</view>
|
||||
<view class="form-group">
|
||||
<view class="label">工作经验</view>
|
||||
<picker
|
||||
@@ -302,6 +314,7 @@ const formData = reactive({
|
||||
jobLocationAreaCode: '', // 新增：工作地点区县字典代码
|
||||
education: '', // 新增：学历要求字典值
|
||||
experience: '', // 新增：工作经验字典值
|
||||
staffType: '', // 新增：人员类型
|
||||
images: [], // 新增：岗位图片
|
||||
contacts: [
|
||||
{
|
||||
@@ -324,6 +337,7 @@ const experienceLevels = ref([]);
|
||||
const workDistricts = ref([]);
|
||||
const workLocations = ref([]);
|
||||
const jobCategories = ref([]); // 新增：岗位分类选项
|
||||
const staffTypes = ref([]); // 新增：人员类型选项
|
||||
|
||||
// 选中的值
|
||||
const selectedEducation = ref('');
|
||||
@@ -333,6 +347,7 @@ const selectedWorkLocation = ref('');
|
||||
const selectedJobCategory = ref('');
|
||||
const selectedJobTypeLabel = ref(''); // 新增：岗位类型显示文本
|
||||
const selectedJobTypeIds = ref(''); // 新增：岗位类型ID（多个用逗号分隔）
|
||||
const selectedStaffType = ref(''); // 新增：人员类型显示文本
|
||||
|
||||
// 滚动视图高度
|
||||
const scrollViewHeight = ref('calc(100vh - 200rpx)');
|
||||
@@ -451,6 +466,11 @@ const initFormData = async () => {
|
||||
}
|
||||
console.log('岗位分类选项:', jobCategories.value);
|
||||
|
||||
// 设置人员类型选项 - 从字典获取 staffType
|
||||
const staffTypeDict = await dictStore.getDictSelectOption('staff_type');
|
||||
console.log('从字典获取的人员类型数据:', staffTypeDict);
|
||||
staffTypes.value = staffTypeDict;
|
||||
|
||||
// 设置企业ID（从用户信息获取）
|
||||
if (userStore.userInfo && userStore.userInfo.id) {
|
||||
formData.companyId = userStore.userInfo.id;
|
||||
@@ -512,6 +532,14 @@ const onJobCategoryChange = (e) => {
|
||||
formData.type = selectedItem.value; // 岗位分类保存到type字段
|
||||
};
|
||||
|
||||
// 新增：人员类型选择器change事件
|
||||
const onStaffTypeChange = (e) => {
|
||||
const index = e.detail.value;
|
||||
const selectedItem = staffTypes.value[index];
|
||||
selectedStaffType.value = selectedItem.label;
|
||||
formData.staffType = selectedItem.value; // 人员类型保存到staffType字段
|
||||
};
|
||||
|
||||
// 打开岗位类型选择器
|
||||
const openJobTypeSelector = () => {
|
||||
if (!jobTypeSelector.value) return;
|
||||
@@ -706,6 +734,7 @@ const publishJob = async () => {
|
||||
jobCategory: formData.jobCategory, // 岗位类型
|
||||
companyId: formData.companyId,
|
||||
companyName: formData.companyName,
|
||||
staffType: formData.staffType, // 新增：人员类型
|
||||
jobContactList: formData.contacts.filter(contact => contact.name.trim() && contact.phone.trim()).map(contact => ({
|
||||
contactPerson: contact.name,
|
||||
contactPersonPhone: contact.phone,
|
||||
@@ -760,6 +789,7 @@ const validateForm = () => {
|
||||
{ field: 'minSalary', message: '请输入最小薪资' },
|
||||
{ field: 'maxSalary', message: '请输入最大薪资' },
|
||||
{ field: 'education', message: '请选择学历要求' },
|
||||
{ field: 'staffType', message: '请选择人员类型' },
|
||||
{ field: 'experience', message: '请选择工作经验' },
|
||||
{ field: 'jobLocation', message: '请选择工作地点' },
|
||||
{ field: 'jobLocationAreaCode', message: '请选择工作区县' },
|
||||
|
||||
@@ -32,9 +32,9 @@
|
||||
|
||||
<!-- 控制栏 -->
|
||||
<view class="controls">
|
||||
<!-- <text @click="togglePlay">{{ isPlaying ? '暂停' : '播放' }}</text>
|
||||
<text @click="toggleFullScreen">{{ isFullScreen ? '退出全屏' : '全屏' }}</text> -->
|
||||
<text @click="close">关闭</text>
|
||||
<!-- <view class="control-text" @click="togglePlay">{{ isPlaying ? '暂停' : '播放' }}</view>
|
||||
<view class="control-text" @click="toggleFullScreen">{{ isFullScreen ? '退出全屏' : '全屏' }}</view> -->
|
||||
<view class="control-text" @click="close">关闭</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
@@ -180,7 +180,7 @@ defineExpose({ open });
|
||||
justify-content: space-around;
|
||||
}
|
||||
|
||||
.controls text {
|
||||
.controls .control-text {
|
||||
color: #fff;
|
||||
font-size: 24rpx;
|
||||
padding: 8rpx 16rpx;
|
||||
|
||||
@@ -218,10 +218,22 @@
|
||||
<view style="height: 34px"></view>
|
||||
<template #footer>
|
||||
<view class="footer">
|
||||
<view class="btn-wq button-click" @click="jobApply">投递简历</view>
|
||||
<view class="btn-wq button-click" @click="jobApply">{{ jobInfo.isApply === 1 ? '取消投递简历' : '投递简历' }}</view>
|
||||
</view>
|
||||
</template>
|
||||
<VideoPlayer ref="videoPalyerRef" />
|
||||
|
||||
<!-- 确认弹窗 -->
|
||||
<view v-if="showConfirmDialog" class="confirm-dialog">
|
||||
<view class="dialog-content">
|
||||
<view class="dialog-title">{{ jobInfo.isApply === 1 ? '确认取消投递' : '确认投递' }}</view>
|
||||
<view class="dialog-message">{{ jobInfo.isApply === 1 ? '确定要取消投递此职位吗？' : '确定要投递此职位吗？' }}</view>
|
||||
<view class="dialog-buttons">
|
||||
<view class="btn-cancel button-click" @click="hideDialog">取消</view>
|
||||
<view class="btn-confirm button-click" @click="confirmAction">确认</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</AppLayout>
|
||||
</template>
|
||||
|
||||
@@ -229,7 +241,7 @@
|
||||
import point from '@/static/icon/point.png';
|
||||
import VideoPlayer from './component/videoPlayer.vue';
|
||||
import { reactive, inject, watch, ref, onMounted, computed } from 'vue';
|
||||
import { onLoad, onShow, onHide } from '@dcloudio/uni-app';
|
||||
import { onLoad, onShow, onHide, onShareAppMessage, onShareTimeline } from '@dcloudio/uni-app';
|
||||
import dictLabel from '@/components/dict-Label/dict-Label.vue';
|
||||
import RadarMap from './component/radarMap.vue';
|
||||
import { storeToRefs } from 'pinia';
|
||||
@@ -266,6 +278,7 @@ const raderData = ref({
|
||||
});
|
||||
const videoPalyerRef = ref(null);
|
||||
const explainUrlRef = ref('');
|
||||
const showConfirmDialog = ref(false);
|
||||
|
||||
// 申请人列表直接使用接口返回的applyUsers数组
|
||||
|
||||
@@ -351,10 +364,10 @@ function getCompanyIsAJobs(companyId) {
|
||||
}
|
||||
|
||||
function getTextWidth(text, size = 12) {
|
||||
const canvas = document.createElement('canvas');
|
||||
const context = canvas.getContext('2d');
|
||||
context.font = `${12}px Arial`;
|
||||
return -(context.measureText(text).width / 2) - 20; // 计算文字中心点
|
||||
// 在小程序环境中，document 对象不存在，使用估算方法
|
||||
// 简单估算：每个字符大约占 8px 宽度
|
||||
const estimatedWidth = text.length * 8;
|
||||
return -(estimatedWidth / 2) - 20; // 计算文字中心点
|
||||
}
|
||||
|
||||
function getCompetivetuveness(jobId) {
|
||||
@@ -422,24 +435,53 @@ function jobApply() {
|
||||
$api.msg('请您先登录');
|
||||
return;
|
||||
}
|
||||
// 显示确认弹窗
|
||||
showConfirmDialog.value = true;
|
||||
}
|
||||
|
||||
// 隐藏弹窗
|
||||
function hideDialog() {
|
||||
showConfirmDialog.value = false;
|
||||
}
|
||||
|
||||
// 确认操作
|
||||
function confirmAction() {
|
||||
const jobId = jobInfo.value.jobId;
|
||||
if (jobInfo.value.isApply === 1) {
|
||||
// 取消投递
|
||||
$api.createRequest(`/app/job/applyJobCencal`, { jobId }, 'DELETE').then((resData) => {
|
||||
$api.msg('取消投递成功');
|
||||
getDetail(jobId); // 刷新职位信息
|
||||
showConfirmDialog.value = false;
|
||||
});
|
||||
} else {
|
||||
// 确认投递
|
||||
$api.createRequest(`/app/job/apply/${jobId}`, {}, 'GET').then((resData) => {
|
||||
$api.msg('申请成功');
|
||||
getDetail(jobId); // 刷新职位信息
|
||||
showConfirmDialog.value = false;
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// 确认投递
|
||||
function confirmApply() {
|
||||
const jobId = jobInfo.value.jobId;
|
||||
$api.createRequest(`/app/job/apply/${jobId}`, {}, 'GET').then((resData) => {
|
||||
getDetail(jobId);
|
||||
$api.msg('申请成功');
|
||||
const jobUrl = jobInfo.value.jobUrl;
|
||||
// return window.open(jobUrl);
|
||||
});
|
||||
// if (jobInfo.value.isApply) {
|
||||
// const jobUrl = jobInfo.value.jobUrl;
|
||||
// return window.open(jobUrl);
|
||||
// } else {
|
||||
// $api.createRequest(`/app/job/apply/${jobId}`, {}, 'GET').then((resData) => {
|
||||
// getDetail(jobId);
|
||||
// $api.msg('申请成功');
|
||||
// const jobUrl = jobInfo.value.jobUrl;
|
||||
// return window.open(jobUrl);
|
||||
// });
|
||||
// }
|
||||
$api.msg('申请成功');
|
||||
const jobUrl = jobInfo.value.jobUrl;
|
||||
// return window.open(jobUrl);
|
||||
showConfirmDialog.value = false;
|
||||
});
|
||||
}
|
||||
|
||||
// 取消投递
|
||||
function cancelApply() {
|
||||
const jobId = jobInfo.value.jobId;
|
||||
$api.createRequest(`/app/job/applyJobCencal`, { jobId }, 'DELETE').then((resData) => {
|
||||
$api.msg('取消投递成功');
|
||||
showConfirmDialog.value = false;
|
||||
});
|
||||
}
|
||||
|
||||
// 取消/收藏岗位
|
||||
@@ -524,6 +566,24 @@ function handleCompanyDetailClick() {
|
||||
$api.msg('没有企业信息');
|
||||
}
|
||||
}
|
||||
|
||||
// 分享给朋友
|
||||
onShareAppMessage(() => {
|
||||
return {
|
||||
title: '喀什智慧就业平台',
|
||||
path: '/pages/index/index',
|
||||
imageUrl: ''
|
||||
};
|
||||
});
|
||||
|
||||
// 分享到朋友圈
|
||||
onShareTimeline(() => {
|
||||
return {
|
||||
title: '喀什智慧就业平台',
|
||||
path: '/pages/index/index',
|
||||
imageUrl: ''
|
||||
};
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="stylus" scoped>
|
||||
@@ -966,4 +1026,70 @@ for i in 0..100
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
}
|
||||
// 确认弹窗样式
|
||||
.confirm-dialog {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.dialog-content {
|
||||
width: 80%;
|
||||
max-width: 500rpx;
|
||||
background-color: #fff;
|
||||
border-radius: 20rpx;
|
||||
padding: 40rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.dialog-title {
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
color: #333;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
|
||||
.dialog-message {
|
||||
font-size: 28rpx;
|
||||
color: #666;
|
||||
margin-bottom: 40rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.dialog-buttons {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
gap: 20rpx;
|
||||
}
|
||||
|
||||
.btn-cancel, .btn-confirm {
|
||||
flex: 1;
|
||||
height: 80rpx;
|
||||
border-radius: 12rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
font-size: 28rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.btn-cancel {
|
||||
background-color: #f5f5f5;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.btn-confirm {
|
||||
background-color: #256BFA;
|
||||
color: #fff;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,11 +1,11 @@
|
||||
<!--
|
||||
* @Date: 2025-10-16 15:15:47
|
||||
* @LastEditors: lip
|
||||
* @LastEditTime: 2026-01-14 21:33:18
|
||||
* @LastEditors: shirlwang
|
||||
* @LastEditTime: 2026-01-27 09:30:18
|
||||
-->
|
||||
<template>
|
||||
<!-- @scroll="handleScroll" @scrolltolower="scrollBottom" -->
|
||||
<scroll-view :scroll-y="true" class="container" style="background-image: url('../../../packageRc/static/pageBg.png');">
|
||||
<scroll-view :scroll-y="true" class="container" style="background-image: url('../../../packageRc/static/pageBgIndex.png');">
|
||||
<view style="padding: 40rpx 28rpx;">
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<view class="kinggang">
|
||||
@@ -31,54 +31,69 @@
|
||||
</view>
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
<view class="tabs">
|
||||
<view class="tab" :class="{active: pageState.type == ''}" @click="changeJobType('')">岗位列表</view>
|
||||
<view class="tab" :class="{active: pageState.type == 2}" @click="changeJobType(2)">实习实训</view>
|
||||
<view class="tab" :class="{active: pageState.type == 3}" @click="changeJobType(3)">社区实践</view>
|
||||
</view>
|
||||
<view class="titles">
|
||||
<view class="title-item" :class="{active: activeTitle == 1}" @click="activeTitle = 1,getJobRecommed()"><view>推荐岗位</view></view>
|
||||
<view class="title-item" :class="{active: activeTitle == 2}" @click="activeTitle = 2,getJobList()"><view>热门岗位</view></view>
|
||||
</view>
|
||||
<view v-for="(item, index) in jobList" :key="index" @click="nextDetail(item)" class="job-list">
|
||||
<view class="top-line">
|
||||
<view class="salary">{{item.minSalary}}-{{item.maxSalary}}/月</view>
|
||||
<view class="time"><uni-icons color="#A2A2A2" type="info" size="12"></uni-icons>发布日期：{{ item.postingDate }}</view>
|
||||
<view class="showtab">
|
||||
<view class="tabItem" @click="changeType(1)">
|
||||
<image src="/packageRc/static/gw.png"/>
|
||||
<image v-show="tabType == 1" class="activeImg" src="/packageRc/static/activeTangle.png"/>
|
||||
</view>
|
||||
<view class="title">{{ item.jobTitle }}</view>
|
||||
<view class="infos">
|
||||
<view>
|
||||
<dict-Label dictType="education" :value="item.education"></dict-Label>
|
||||
<view class="tabItem" @click="changeType(2)">
|
||||
<image src="/packageRc/static/zc.png"/>
|
||||
<image v-show="tabType == 2" class="activeImg" src="/packageRc/static/activeTangle.png"/>
|
||||
</view>
|
||||
</view>
|
||||
<template v-if="tabType == 1">
|
||||
<view class="tabs">
|
||||
<view class="tab" :class="{active: pageState.type == ''}" @click="changeJobType('')">岗位列表</view>
|
||||
<view class="tab" :class="{active: pageState.type == 2}" @click="changeJobType(2)">实习实训</view>
|
||||
<view class="tab" :class="{active: pageState.type == 3}" @click="changeJobType(3)">社区实践</view>
|
||||
</view>
|
||||
<view class="titles">
|
||||
<view class="title-item" :class="{active: activeTitle == 1}" @click="activeTitle = 1,getJobRecommed()"><view>推荐岗位</view></view>
|
||||
<view class="title-item" :class="{active: activeTitle == 2}" @click="activeTitle = 2,getJobList()"><view>热门岗位</view></view>
|
||||
</view>
|
||||
<view v-for="(item, index) in jobList" :key="index" @click="nextDetail(item)" class="job-list">
|
||||
<view class="top-line">
|
||||
<view class="salary">{{item.minSalary}}-{{item.maxSalary}}/月</view>
|
||||
<view class="time"><uni-icons color="#A2A2A2" type="info" size="12"></uni-icons>发布日期：{{ item.postingDate }}</view>
|
||||
</view>
|
||||
<view>
|
||||
<dict-Label dictType="experience" :value="item.experience"></dict-Label>
|
||||
<view class="title">{{ item.jobTitle }}</view>
|
||||
<view class="infos">
|
||||
<view>
|
||||
<dict-Label dictType="education" :value="item.education"></dict-Label>
|
||||
</view>
|
||||
<view>
|
||||
<dict-Label dictType="experience" :value="item.experience"></dict-Label>
|
||||
</view>
|
||||
<view>{{ item.jobLocation }}</view>
|
||||
</view>
|
||||
<view class="bottom-line">
|
||||
<view><uni-icons color="#A2A2A2" type="person" size="12"></uni-icons>{{item.vacancies}}人</view>
|
||||
<view>{{ item.companyName }}</view>
|
||||
</view>
|
||||
<view>{{ item.jobLocation }}</view>
|
||||
</view>
|
||||
<view class="bottom-line">
|
||||
<view><uni-icons color="#A2A2A2" type="person" size="12"></uni-icons>{{item.vacancies}}人</view>
|
||||
<view>{{ item.companyName }}</view>
|
||||
|
||||
<view class="view-more-btn" @click="viewMore">查看更多内容</view>
|
||||
|
||||
</template>
|
||||
<template v-else>
|
||||
<view class="titles" style="justify-content: space-between;">
|
||||
<view class="title-item active"><view>政策专区</view></view>
|
||||
<view @click="toPolicyList">{{'查看更多 >'}}</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="view-more-btn" @click="viewMore">查看更多内容</view>
|
||||
<view class="titles" style="justify-content: space-between;">
|
||||
<view class="title-item active"><view>政策专区</view></view>
|
||||
<view @click="toPolicyList">{{'查看更多 >'}}</view>
|
||||
</view>
|
||||
<view v-for="(item, index) in policyList" :key="index" class="job-list" @click="toPolicyDetail(item)">
|
||||
<view class="sign">推荐</view>
|
||||
<view class="title">
|
||||
<image src="../../../packageRc/static/zcLeft.png"/>
|
||||
{{item.zcmc}}</view>
|
||||
<view class="infos">
|
||||
<view v-if="item.zcLevel">{{item.zcLevel}}</view>
|
||||
<view v-if="item.sourceUnit">{{item.sourceUnit}}</view>
|
||||
<view v-for="(item, index) in policyList" :key="index" class="job-list" @click="toPolicyDetail(item)">
|
||||
<view class="sign">推荐</view>
|
||||
<view class="title">
|
||||
<image src="../../../packageRc/static/zcLeft.png"/>
|
||||
{{item.zcmc}}</view>
|
||||
<view class="infos">
|
||||
<view v-if="item.zcLevel">{{item.zcLevel}}</view>
|
||||
<view v-if="item.sourceUnit">{{item.sourceUnit}}</view>
|
||||
</view>
|
||||
<view class="bottom-line">
|
||||
<view><uni-icons color="#A2A2A2" type="info" size="12"></uni-icons>发布日期：{{item.createTime}}</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bottom-line">
|
||||
<view><uni-icons color="#A2A2A2" type="info" size="12"></uni-icons>发布日期：{{item.createTime}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</template>
|
||||
@@ -94,7 +109,10 @@ function getPolicy() {
|
||||
policyList.value = res.rows
|
||||
})
|
||||
}
|
||||
|
||||
let tabType = ref(1)
|
||||
function changeType(type) {
|
||||
tabType.value = type
|
||||
}
|
||||
function toPolicyList() {
|
||||
navTo(`/packageRc/pages/policy/policyList?zclx=1`)
|
||||
}
|
||||
@@ -377,4 +395,22 @@ view{box-sizing: border-box;display: block;}
|
||||
margin: 0 auto;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
.showtab{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 40rpx;
|
||||
.tabItem{
|
||||
position: relative;
|
||||
width: calc(50% - 8rpx);
|
||||
height: 144rpx;
|
||||
}
|
||||
.activeImg{
|
||||
position: absolute;
|
||||
width: 143rpx;
|
||||
height: 18rpx;
|
||||
bottom: -24rpx;
|
||||
right: 50%;
|
||||
transform: translateX(50%);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
BIN
packageRc/static/activeTangle.png
Normal file
BIN
packageRc/static/activeTangle.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 734 B |
BIN
packageRc/static/gw.png
Normal file
BIN
packageRc/static/gw.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
packageRc/static/pageBgIndex.png
Normal file
BIN
packageRc/static/pageBgIndex.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 107 KiB |
BIN
packageRc/static/zc.png
Normal file
BIN
packageRc/static/zc.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
@@ -39,7 +39,7 @@
|
||||
{
|
||||
"path": "pages/chat/chat",
|
||||
"style": {
|
||||
"navigationBarTitleText": "AI+",
|
||||
"navigationBarTitleText": "智能客服",
|
||||
"navigationBarBackgroundColor": "#4778EC",
|
||||
"navigationBarTextStyle": "white",
|
||||
"enablePullDownRefresh": false
|
||||
@@ -312,6 +312,13 @@
|
||||
"navigationBarBackgroundColor": "#4778EC",
|
||||
"navigationBarTextStyle": "white"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/cancelApplication/cancelApplication",
|
||||
"style": {
|
||||
"navigationBarTitleText": "取消投递",
|
||||
"navigationBarBackgroundColor": "#FFFFFF"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
@@ -61,6 +61,7 @@
|
||||
<view class="main-header">
|
||||
<image src="/static/icon/Hamburger-button.png" @click="toggleDrawer"></image>
|
||||
<view class="title">{{ config.appInfo.areaName }}岗位推荐</view>
|
||||
<!-- <view class="title">智能客服</view> -->
|
||||
<image src="/static/icon/Comment-one.png" @click="addNewDialogue"></image>
|
||||
</view>
|
||||
</header>
|
||||
|
||||
@@ -65,6 +65,26 @@ const centerIndex = ref(0);
|
||||
// 动画帧ID
|
||||
let animationId = null;
|
||||
|
||||
// 为小程序环境提供requestAnimationFrame兼容
|
||||
const requestAnimationFramePolyfill = (callback) => {
|
||||
// #ifdef MP-WEIXIN
|
||||
return setTimeout(callback, 16); // 约60fps
|
||||
// #endif
|
||||
// #ifdef H5
|
||||
return requestAnimationFrame(callback);
|
||||
// #endif
|
||||
};
|
||||
|
||||
// 为小程序环境提供cancelAnimationFrame兼容
|
||||
const cancelAnimationFramePolyfill = (id) => {
|
||||
// #ifdef MP-WEIXIN
|
||||
clearTimeout(id);
|
||||
// #endif
|
||||
// #ifdef H5
|
||||
cancelAnimationFrame(id);
|
||||
// #endif
|
||||
};
|
||||
|
||||
// 格式化显示时间
|
||||
const formattedTime = computed(() => {
|
||||
const mins = Math.floor(props.recordingTime / 60)
|
||||
@@ -125,7 +145,7 @@ const updateWaveform = () => {
|
||||
}
|
||||
}
|
||||
|
||||
animationId = requestAnimationFrame(updateWaveform);
|
||||
animationId = requestAnimationFramePolyfill(updateWaveform);
|
||||
};
|
||||
|
||||
// 更新单个波形条
|
||||
@@ -157,14 +177,14 @@ const updateWaveBar = (index, value) => {
|
||||
// 开始动画
|
||||
const startAnimation = () => {
|
||||
if (!animationId) {
|
||||
animationId = requestAnimationFrame(updateWaveform);
|
||||
animationId = requestAnimationFramePolyfill(updateWaveform);
|
||||
}
|
||||
};
|
||||
|
||||
// 停止动画
|
||||
const stopAnimation = () => {
|
||||
if (animationId) {
|
||||
cancelAnimationFrame(animationId);
|
||||
cancelAnimationFramePolyfill(animationId);
|
||||
animationId = null;
|
||||
}
|
||||
};
|
||||
|
||||
@@ -133,6 +133,20 @@
|
||||
<view class="chat-item self" v-if="isRecording">
|
||||
<view class="message">{{ recognizedText }} {{ lastFinalText }}</view>
|
||||
</view>
|
||||
<!-- 语音正在识别提示 -->
|
||||
<!-- <view>{{isRecognizing}}</view> -->
|
||||
<view class="chat-item self" v-if="isRecognizing">
|
||||
<view class="message msg-loading">
|
||||
<view class="loading-content">
|
||||
<view class="ai-loading">
|
||||
<view></view>
|
||||
<view></view>
|
||||
<view></view>
|
||||
</view>
|
||||
<text class="loading-text">正在识别语音...</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="isTyping" class="self">
|
||||
<view class="message msg-loading">
|
||||
<view class="loading-content">
|
||||
@@ -175,9 +189,6 @@
|
||||
@touchmove="handleTouchMove"
|
||||
@touchend="handleTouchEnd"
|
||||
@touchcancel="handleTouchCancel"
|
||||
:catchtouchstart="true"
|
||||
:catchtouchmove="true"
|
||||
:catchtouchend="true"
|
||||
v-show="isVoice"
|
||||
type="default"
|
||||
>
|
||||
@@ -294,11 +305,11 @@ import FileIcon from './fileIcon.vue';
|
||||
import FileText from './fileText.vue';
|
||||
import { useAudioRecorder } from '@/hook/useRealtimeRecorder.js';
|
||||
import { useTTSPlayer } from '@/hook/useTTSPlayer.js';
|
||||
import successIcon from '@/static/icon/success.png';
|
||||
// 全局
|
||||
const { $api, navTo, throttle, config } = inject('globalFunction');
|
||||
const emit = defineEmits(['onConfirm']);
|
||||
const { messages, isTyping, textInput, chatSessionID } = storeToRefs(useChatGroupDBStore());
|
||||
import successIcon from '@/static/icon/success.png';
|
||||
// hook
|
||||
const {
|
||||
isRecording,
|
||||
@@ -309,8 +320,32 @@ const {
|
||||
volumeLevel,
|
||||
recognizedText,
|
||||
lastFinalText,
|
||||
recordingDuration,
|
||||
isRecognizing,
|
||||
reset
|
||||
} = useAudioRecorder();
|
||||
|
||||
// 监听语音识别结果变化，自动发送消息
|
||||
watch(
|
||||
() => recognizedText.value,
|
||||
(newVal) => {
|
||||
if (newVal && newVal.trim()) {
|
||||
console.log('监听到语音识别结果变化，自动发送消息:', newVal);
|
||||
sendMessage(newVal);
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
// 监听isRecognizing状态，显示提示
|
||||
watch(
|
||||
() => isRecognizing.value,
|
||||
(newVal) => {
|
||||
if (newVal) {
|
||||
$api.msg('正在识别语音...');
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
const { speak, pause, resume, isSpeaking, isPaused, cancelAudio } = useTTSPlayer(config.speechSynthesis);
|
||||
|
||||
// 获取组件实例（用于小程序 SelectorQuery）
|
||||
@@ -362,6 +397,7 @@ onMounted(async () => {
|
||||
changeQueries();
|
||||
scrollToBottom();
|
||||
isAudioPermission.value = await requestMicPermission();
|
||||
reset(); // 重置语音识别状态
|
||||
});
|
||||
|
||||
const requestMicPermission = async () => {
|
||||
@@ -443,11 +479,16 @@ const sendMessage = (text) => {
|
||||
console.log('📝 Has job info:', hasJobInfo);
|
||||
|
||||
// 开始朗读当前消息
|
||||
speechIndex.value = index;
|
||||
readMarkdown(message.displayText, index);
|
||||
speechIndex.value = index;
|
||||
readMarkdown(message.displayText, index, { immediate: false });
|
||||
// 一旦开始朗读，就设置speechIndex，避免重复调用
|
||||
speechIndex.value = index;
|
||||
} else {
|
||||
console.log('⏳ Waiting for more content before TTS, current length:', message.displayText.length);
|
||||
}
|
||||
} else {
|
||||
// 已经开始朗读这条消息，不再重复调用
|
||||
console.log('⏭️ Already speaking this message, skipping duplicate TTS call');
|
||||
}
|
||||
}
|
||||
},
|
||||
@@ -472,7 +513,7 @@ const sendMessage = (text) => {
|
||||
|
||||
// 开始朗读完整的内容
|
||||
speechIndex.value = lastMessageIndex;
|
||||
readMarkdown(lastMessage.displayText, lastMessageIndex);
|
||||
readMarkdown(lastMessage.displayText, lastMessageIndex, { immediate: true });
|
||||
}
|
||||
}
|
||||
},
|
||||
@@ -684,17 +725,22 @@ const handleTouchEnd = () => {
|
||||
if (status.value === 'cancel') {
|
||||
console.log('取消发送');
|
||||
cancelRecording();
|
||||
status.value = 'idle';
|
||||
} else {
|
||||
stopRecording();
|
||||
if (isAudioPermission.value) {
|
||||
if (recognizedText.value) {
|
||||
sendMessage(recognizedText.value);
|
||||
} else {
|
||||
// 主要根据录音时长判断，而不是完全依赖识别结果
|
||||
// 由于setInterval是异步的，这里需要考虑计时延迟
|
||||
const actualDuration = recordingDuration.value > 0 ? recordingDuration.value : (isRecording.value ? 0.5 : 0);
|
||||
if (actualDuration < 1) {
|
||||
$api.msg('说话时长太短');
|
||||
status.value = 'idle';
|
||||
} else {
|
||||
// 状态管理由useAudioRecorder hook内部处理
|
||||
status.value = 'idle';
|
||||
}
|
||||
}
|
||||
}
|
||||
status.value = 'idle';
|
||||
};
|
||||
|
||||
const handleTouchCancel = () => {
|
||||
@@ -740,7 +786,10 @@ function confirmFeeBack(value) {
|
||||
// 防抖定时器
|
||||
let ttsDebounceTimer = null;
|
||||
|
||||
function readMarkdown(value, index) {
|
||||
// 保存上一次调用的文本内容，避免重复调用TTS
|
||||
let lastSpeechText = '';
|
||||
|
||||
function readMarkdown(value, index, options = {}) {
|
||||
console.log('🎤 readMarkdown called');
|
||||
console.log('📝 Text to speak:', value ? value.substring(0, 100) + '...' : 'No text');
|
||||
console.log('🔢 Index:', index);
|
||||
@@ -753,40 +802,37 @@ function readMarkdown(value, index) {
|
||||
clearTimeout(ttsDebounceTimer);
|
||||
}
|
||||
|
||||
// 如果当前正在播放其他消息，先停止
|
||||
if (speechIndex.value !== index && speechIndex.value !== 0) {
|
||||
console.log('🛑 Stopping current speech and starting new one');
|
||||
speechIndex.value = index;
|
||||
speak(value);
|
||||
return;
|
||||
}
|
||||
|
||||
// 总是先停止当前播放，无论是不是同一消息
|
||||
console.log('🛑 Always stopping current speech before starting new one');
|
||||
speechIndex.value = index;
|
||||
|
||||
// 如果当前正在播放且暂停了，直接恢复
|
||||
if (isPaused.value && isSpeaking.value) {
|
||||
console.log('▶️ Resuming paused speech');
|
||||
resume();
|
||||
return;
|
||||
}
|
||||
|
||||
// 如果当前正在播放且没有暂停，不需要重新开始
|
||||
if (isSpeaking.value && !isPaused.value) {
|
||||
console.log('🔊 Already speaking, no need to restart');
|
||||
return;
|
||||
}
|
||||
|
||||
// 使用防抖，避免频繁调用TTS
|
||||
ttsDebounceTimer = setTimeout(() => {
|
||||
console.log('🎵 Starting new speech');
|
||||
console.log('🎵 Calling speak function with text length:', value ? value.length : 0);
|
||||
try {
|
||||
speak(value);
|
||||
console.log('✅ Speak function called successfully');
|
||||
} catch (error) {
|
||||
console.error('❌ Error calling speak function:', error);
|
||||
// 立即调用speak，不使用防抖延迟
|
||||
const speakNow = () => {
|
||||
// 检查文本内容是否发生变化，避免重复调用TTS
|
||||
if (value !== lastSpeechText) {
|
||||
console.log('🎵 Starting new speech');
|
||||
console.log('🎵 Calling speak function with text length:', value ? value.length : 0);
|
||||
try {
|
||||
speak(value);
|
||||
console.log('✅ Speak function called successfully');
|
||||
// 更新上一次调用的文本内容
|
||||
lastSpeechText = value;
|
||||
} catch (error) {
|
||||
console.error('❌ Error calling speak function:', error);
|
||||
}
|
||||
} else {
|
||||
console.log('🔄 Same text as last speech, skipping duplicate TTS call');
|
||||
}
|
||||
}, 300); // 300ms防抖延迟
|
||||
};
|
||||
|
||||
// 改进防抖逻辑，确保在短时间内只调用一次
|
||||
if (options.immediate) {
|
||||
// 如果是onComplete回调，立即播放
|
||||
speakNow();
|
||||
} else {
|
||||
// 对于流式数据，总是使用防抖，避免频繁调用
|
||||
ttsDebounceTimer = setTimeout(speakNow, 500); // 延长防抖时间到500ms
|
||||
}
|
||||
}
|
||||
function stopMarkdown(value, index) {
|
||||
console.log('⏸️ stopMarkdown called for index:', index);
|
||||
@@ -1118,6 +1164,11 @@ image-margin-top = 40rpx
|
||||
-moz-user-select:none;
|
||||
-ms-user-select:none;
|
||||
touch-action: none; /* 禁用默认滚动 */
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 160rpx; /* 为底部导航栏留出空间 */
|
||||
z-index: 9999; /* 确保高于其他元素 */
|
||||
.record-tip
|
||||
font-weight: 400;
|
||||
color: #909090;
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<view class="app-container">
|
||||
<view class="app-container" @touchstart="handleTouchStart" @touchmove="handleTouchMove">
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
<!-- 小程序背景图片 -->
|
||||
<image class="mp-background" src="/static/icon/background2.png" mode="aspectFill"></image>
|
||||
@@ -110,7 +110,7 @@
|
||||
<view class="service-icon service-icon-5">
|
||||
<IconfontIcon name="jinengpeixun" :size="48" color="#FFFFFF" />
|
||||
</view>
|
||||
<view class="service-title">技能培训</view>
|
||||
<view class="service-title">技能课堂</view>
|
||||
</view>
|
||||
<view class="service-item press-button" @click="handleServiceClick('skill-evaluation')">
|
||||
<view class="service-icon service-icon-6">
|
||||
@@ -136,12 +136,7 @@
|
||||
</view>
|
||||
<view class="service-title">虚拟面试</view>
|
||||
</view>
|
||||
<view class="service-item press-button" style="justify-content:normal" @click="goRc()">
|
||||
<view class="service-icon service-icon-9">
|
||||
<IconfontIcon name="Graduation-simple-" :size="32" color="#FFFFFF" />
|
||||
</view>
|
||||
<view class="service-title" style="overflow:unset">高校毕业生<br/>智慧就业服务</view>
|
||||
</view>
|
||||
|
||||
<view class="service-item press-button" @click="handleServiceClick('career-planning')">
|
||||
<view class="service-icon service-icon-11">
|
||||
<image class="service-icon-img" src="/static/icon/antOutline.png" mode="aspectFit"></image>
|
||||
@@ -185,6 +180,12 @@
|
||||
</view>
|
||||
<view class="service-title">评价机构信息</view>
|
||||
</view>
|
||||
<view class="service-item press-button" style="justify-content:normal" @click="goRc()">
|
||||
<view class="service-icon service-icon-9">
|
||||
<IconfontIcon name="Graduation-simple-" :size="32" color="#FFFFFF" />
|
||||
</view>
|
||||
<view class="service-title" style="overflow:unset">高校毕业生<br/>智慧就业服务</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- #endif -->
|
||||
</view>
|
||||
@@ -229,7 +230,7 @@
|
||||
|
||||
|
||||
<view class="nav-filter" :class="{ 'sticky-filter': shouldStickyFilter }" v-if="shouldShowJobSeekerContent">
|
||||
<view class="filter-top" @touchmove.stop.prevent>
|
||||
<view class="filter-top">
|
||||
<scroll-view :scroll-x="true" :show-scrollbar="false" class="tab-scroll">
|
||||
<view class="jobs-left">
|
||||
<view
|
||||
@@ -286,7 +287,6 @@
|
||||
@scrolltolower="scrollBottom"
|
||||
:enable-back-to-top="false"
|
||||
:scroll-with-animation="false"
|
||||
@touchmove.stop.prevent
|
||||
>
|
||||
<view class="falls" v-if="list.length">
|
||||
<!-- #ifdef MP-WEIXIN -->
|
||||
@@ -567,10 +567,48 @@ const lastScrollTop = ref(0);
|
||||
const scrollTop = ref(0);
|
||||
// 当用户与筛选/导航交互时，临时锁定头部显示状态，避免因数据刷新导致回弹显示
|
||||
const isInteractingWithFilter = ref(false);
|
||||
// 触摸事件状态
|
||||
const touchStartY = ref(0);
|
||||
const touchMoveY = ref(0);
|
||||
// 滚动阈值配置
|
||||
const HIDE_THRESHOLD = 50; // 隐藏顶部区域的滚动阈值（降低阈值，更容易触发）
|
||||
const SHOW_THRESHOLD = 5; // 显示顶部区域的滚动阈值（接近顶部）
|
||||
const STICKY_THRESHOLD = 80; // 筛选区域吸顶的滚动阈值
|
||||
const TOUCH_MOVE_THRESHOLD = 30; // 触摸滑动阈值，用于判断是否为有效滑动
|
||||
|
||||
// 处理触摸开始事件
|
||||
function handleTouchStart(e) {
|
||||
// 记录触摸起始位置
|
||||
touchStartY.value = e.touches[0].clientY;
|
||||
}
|
||||
|
||||
// 处理触摸移动事件
|
||||
function handleTouchMove(e) {
|
||||
// 记录触摸移动位置
|
||||
touchMoveY.value = e.touches[0].clientY;
|
||||
|
||||
// 计算滑动距离
|
||||
const diffY = touchStartY.value - touchMoveY.value;
|
||||
|
||||
// 当向上滑动超过阈值时，隐藏顶部区域
|
||||
if (diffY > TOUCH_MOVE_THRESHOLD) {
|
||||
if (!shouldHideTop.value) {
|
||||
shouldHideTop.value = true;
|
||||
}
|
||||
if (!shouldStickyFilter.value) {
|
||||
shouldStickyFilter.value = true;
|
||||
}
|
||||
}
|
||||
// 当向下滑动超过阈值且在顶部附近时，显示顶部区域
|
||||
else if (diffY < -TOUCH_MOVE_THRESHOLD && scrollTop.value <= SHOW_THRESHOLD) {
|
||||
if (shouldHideTop.value && !isInteractingWithFilter.value) {
|
||||
shouldHideTop.value = false;
|
||||
}
|
||||
if (shouldStickyFilter.value) {
|
||||
shouldStickyFilter.value = false;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 简化的滚动处理函数
|
||||
function handleScroll(e) {
|
||||
@@ -1511,10 +1549,10 @@ defineExpose({ loadData });
|
||||
color: #256BFA
|
||||
// 服务功能网格样式
|
||||
.service-grid
|
||||
padding: 20rpx 28rpx
|
||||
padding: 10rpx 28rpx
|
||||
display: grid
|
||||
grid-template-columns: 1fr 1fr 1fr 1fr
|
||||
grid-gap: 20rpx
|
||||
grid-gap: 10rpx
|
||||
.service-item
|
||||
display: flex
|
||||
flex-direction: column
|
||||
@@ -1522,12 +1560,12 @@ defineExpose({ loadData });
|
||||
justify-content: center
|
||||
height: 120rpx
|
||||
background: transparent
|
||||
padding: 10px 0px
|
||||
padding: 2rpx 0px
|
||||
.service-icon
|
||||
width: 88rpx
|
||||
height: 88rpx
|
||||
border-radius: 12rpx
|
||||
margin-bottom: 8rpx
|
||||
width: 62rpx
|
||||
height: 62rpx
|
||||
border-radius: 10rpx
|
||||
margin-bottom: 14rpx
|
||||
flex-shrink: 0
|
||||
.service-icon-1
|
||||
background: linear-gradient(180deg, #FF8E8E 0%, #E53E3E 100%)
|
||||
|
||||
@@ -47,6 +47,10 @@
|
||||
<view class="mini-num">{{ counts.fairCollecitonCount }}</view>
|
||||
<view class="mini-text">预约</view>
|
||||
</view>
|
||||
<view class="numbe-item button-click" @click="navTo('/packageA/pages/cancelApplication/cancelApplication')">
|
||||
<view class="mini-num">{{ counts.applyCencalCount || 0 }}</view>
|
||||
<view class="mini-text">取消投递</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mini-cards">
|
||||
<view class="card-top btn-feel">
|
||||
|
||||
@@ -43,7 +43,7 @@ const store = useSkillDevelopmentStore();
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-section career-section">
|
||||
<div v-if="store.careerPaths.length" class="content-section career-section">
|
||||
<div class="section-title">
|
||||
<span class="title-text">职业路径</span>
|
||||
</div>
|
||||
@@ -54,13 +54,12 @@ const store = useSkillDevelopmentStore();
|
||||
<div
|
||||
:class="{ 'career-active': store.currentCareer && store.currentCareer.value === item.value }"
|
||||
class="career-path-item"
|
||||
@click="store.eventResult(item)"
|
||||
@click="store.eventResult(index)"
|
||||
>
|
||||
<div
|
||||
class="career-index"
|
||||
:class="[index === 0 ? 'font-size-18' : 'font-size-24']"
|
||||
>
|
||||
{{ index === 0 ? '起点' : index }}
|
||||
<span class="index">{{ item.index }}</span>
|
||||
</div>
|
||||
<div class="career-label">{{ item.label }}</div>
|
||||
</div>
|
||||
@@ -69,21 +68,21 @@ const store = useSkillDevelopmentStore();
|
||||
</scroll-view>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content-section">
|
||||
<div v-if="store.careerPaths.length" class="content-section">
|
||||
<div class="section-title">
|
||||
<uni-icons color="#000000" size="18" type="person-filled"></uni-icons>
|
||||
<span class="title-text">{{ store.currentCareerLabel }}技能</span>
|
||||
</div>
|
||||
<div class="skill-list">
|
||||
<div v-if="store.result.length === 0" class="empty-text">暂无数据</div>
|
||||
<div v-for="(item, index) in store.result" :key="index" class="font-weight-700 font-size-18 skill-card">
|
||||
<div class="margin-bottom-10 skill-label">{{ item.label }}</div>
|
||||
<div class="d-flex flex-column gap-15 skill-detail">
|
||||
<div v-for="d in item.children" :key="d.label" class="d-flex justify-content-between align-items-center padding-10 border-radius-3 skill-detail-item">
|
||||
<div v-for="(item, index) in store.result" :key="index" class="skill-card">
|
||||
<div class="skill-label">{{ item.label }}</div>
|
||||
<div class="skill-detail">
|
||||
<div v-for="d in item.children" :key="d.label" class="skill-detail-item">
|
||||
<div class="skill-detail-item-label">{{ d.label }}</div>
|
||||
<div class="d-flex justify-content-between align-items-center width-320">
|
||||
<div>技能得分：{{ d.value }}</div>
|
||||
<div>权重：{{ d.weight }}</div>
|
||||
<div class="skill-detail-item-value">
|
||||
<div class="value-item">技能得分：{{ d.value }}</div>
|
||||
<div class="value-item">权重：{{ d.weight }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -116,6 +115,7 @@ const store = useSkillDevelopmentStore();
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 16rpx;
|
||||
padding: 28rpx;
|
||||
margin-bottom: 20rpx;
|
||||
box-sizing: border-box;
|
||||
overflow: visible;
|
||||
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
|
||||
@@ -153,6 +153,7 @@ const store = useSkillDevelopmentStore();
|
||||
button::after {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 32rpx;
|
||||
color: #000000;
|
||||
@@ -166,136 +167,187 @@ button::after {
|
||||
}
|
||||
}
|
||||
|
||||
.title-text {
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
color: #167CF1;
|
||||
}
|
||||
|
||||
.intro-text {
|
||||
font-size: 24rpx;
|
||||
line-height: 34rpx;
|
||||
color: rgba(154, 154, 154, 1);
|
||||
text-align: left;
|
||||
font-family: 'PingFangSC-Bold', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
|
||||
font-weight: 600;
|
||||
margin-bottom: 90rpx;
|
||||
width: 672rpx;
|
||||
}
|
||||
|
||||
.skill-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 20rpx;
|
||||
}
|
||||
|
||||
.skill-item {
|
||||
width: 100%;
|
||||
max-width: 796rpx;
|
||||
min-height: 162rpx;
|
||||
line-height: 40rpx;
|
||||
border-radius: 20rpx;
|
||||
background-color: rgba(239, 239, 239, 1);
|
||||
color: rgba(16, 16, 16, 1);
|
||||
font-size: 28rpx;
|
||||
text-align: center;
|
||||
padding: 24rpx;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
overflow: visible;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.career-paths {
|
||||
grid-auto-flow: column;
|
||||
|
||||
.career-index {
|
||||
background: #6c64e7;
|
||||
border: 3px solid #fff;
|
||||
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.career-label {
|
||||
color: #6c64e7;
|
||||
}
|
||||
|
||||
.career-active {
|
||||
.career-index {
|
||||
background: #22c55e;
|
||||
}
|
||||
|
||||
.career-label {
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.skill-label {
|
||||
color: #94a3b8;
|
||||
}
|
||||
|
||||
.skill-detail-item {
|
||||
background: #c1d2ea;
|
||||
}
|
||||
|
||||
.skill-detail-item-label {
|
||||
color: #334155;
|
||||
|
||||
& + div {
|
||||
color: #4f46e5;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
.career-paths {
|
||||
display: grid;
|
||||
grid-auto-flow: column;
|
||||
gap: 40px;
|
||||
width: fit-content;
|
||||
gap: 20px;
|
||||
padding-bottom: 10px;
|
||||
|
||||
.career-path-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 80px;
|
||||
padding: 5px;
|
||||
font-weight: 700;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.career-index {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
background: #6c64e7;
|
||||
border: 3px solid #fff;
|
||||
font-size: 18px;
|
||||
color: #fff;
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
|
||||
|
||||
}
|
||||
|
||||
.career-label {
|
||||
margin-top: 10px;
|
||||
text-wrap: nowrap;
|
||||
color: #6c64e7;
|
||||
}
|
||||
|
||||
.career-active {
|
||||
.career-index {
|
||||
background: #22c55e;
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
font-size: 20px;
|
||||
color: #fff;
|
||||
border-radius: 50%;
|
||||
|
||||
.index {
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
&:before,
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
&:before {
|
||||
inset: 0;
|
||||
z-index: 1;
|
||||
background: #6c64e7;
|
||||
border: 3px solid #fff;
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 50%;
|
||||
z-index: 0;
|
||||
width: 100px;
|
||||
border-bottom: 4px solid #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
.career-label {
|
||||
color: #000;
|
||||
margin-top: 10px;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
color: #6c64e7;
|
||||
}
|
||||
|
||||
&.career-active {
|
||||
.career-index {
|
||||
&:before {
|
||||
background: #22c55e;
|
||||
}
|
||||
&:after {
|
||||
border-color: #22c55e;
|
||||
}
|
||||
}
|
||||
|
||||
.career-label {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
& + .career-path-item {
|
||||
.career-index {
|
||||
&:after {
|
||||
border-color: #22c55e;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
.career-index {
|
||||
font-size: 16px;
|
||||
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
.career-index {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.title-text {
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
color: #167CF1;
|
||||
}
|
||||
|
||||
.skill-card {
|
||||
margin-bottom: 14px;
|
||||
box-sizing: border-box;
|
||||
font-weight: 700;
|
||||
|
||||
.skill-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 20rpx;
|
||||
}
|
||||
|
||||
.skill-item {
|
||||
width: 100%;
|
||||
max-width: 796rpx;
|
||||
min-height: 162rpx;
|
||||
line-height: 40rpx;
|
||||
border-radius: 20rpx;
|
||||
background-color: rgba(239, 239, 239, 1);
|
||||
color: rgba(16, 16, 16, 1);
|
||||
font-size: 28rpx;
|
||||
text-align: center;
|
||||
padding: 24rpx;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
overflow: visible;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.skill-label {
|
||||
margin-bottom: 10px;
|
||||
font-size: 16px;
|
||||
color: #94a3b8;
|
||||
}
|
||||
|
||||
.skill-detail {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
|
||||
.skill-detail-item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 8px;
|
||||
border-radius: 3px;
|
||||
background: #c1d2ea;
|
||||
}
|
||||
|
||||
.skill-detail-item-label {
|
||||
width: 55%;
|
||||
word-wrap: break-word;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-all;
|
||||
color: #334155;
|
||||
}
|
||||
|
||||
.skill-detail-item-value {
|
||||
width: 45%;
|
||||
padding-left: 6px;
|
||||
color: #4f46e5;
|
||||
box-sizing: border-box;
|
||||
|
||||
.value-item {
|
||||
text-wrap: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -81,7 +81,7 @@ export const useCareerRecommendationStore = defineStore('career-recommendation',
|
||||
professions.value = data.map((d) => {
|
||||
return {
|
||||
label: d.name,
|
||||
value: `${ d.jobId }`
|
||||
value: d.name
|
||||
};
|
||||
});
|
||||
} catch (e) {
|
||||
|
||||
@@ -62,12 +62,14 @@ export const useSkillDevelopmentStore = defineStore('skill-development', () => {
|
||||
const paths = ref([]);
|
||||
const pathsRef = computed(() => {
|
||||
return paths.value.filter((d) => {
|
||||
return `${ d.startJobId }` === profession.value;
|
||||
const [startJobId] = d.value.split('-');
|
||||
return startJobId === profession.value;
|
||||
});
|
||||
});
|
||||
|
||||
const careerPaths = ref([]);
|
||||
const currentCareer = ref(null);
|
||||
const currentCareerIndex = ref(0);
|
||||
const currentCareerLabel = computed(() => {
|
||||
if (!currentCareer.value) {
|
||||
return '';
|
||||
@@ -117,8 +119,8 @@ export const useSkillDevelopmentStore = defineStore('skill-development', () => {
|
||||
paths.value = data.map((d) => {
|
||||
return {
|
||||
label: d.endJob,
|
||||
value: d.endJob,
|
||||
startJobId: d.startJobId
|
||||
value: `${d.startJobId}-${d.endJobId}`
|
||||
|
||||
};
|
||||
});
|
||||
} catch (e) {
|
||||
@@ -147,14 +149,26 @@ export const useSkillDevelopmentStore = defineStore('skill-development', () => {
|
||||
if (!data) {
|
||||
return;
|
||||
}
|
||||
careerPaths.value = data.map((d) => {
|
||||
careerPaths.value = data.map((d, i) => {
|
||||
let index = `${i}`;
|
||||
let fontSize = 26;
|
||||
if (i === 0) {
|
||||
index = '起点';
|
||||
fontSize = 18;
|
||||
}
|
||||
if (i === data.length - 1) {
|
||||
index = '终点';
|
||||
fontSize = 18;
|
||||
}
|
||||
return {
|
||||
index,
|
||||
label: d.name,
|
||||
value: d.jobId
|
||||
value: d.jobId,
|
||||
fontSize
|
||||
};
|
||||
});
|
||||
if (careerPaths.value[0]) {
|
||||
void eventResult(careerPaths.value[0]);
|
||||
void eventResult(0);
|
||||
}
|
||||
} catch (e) {
|
||||
console.warn(e);
|
||||
@@ -162,13 +176,15 @@ export const useSkillDevelopmentStore = defineStore('skill-development', () => {
|
||||
}
|
||||
};
|
||||
|
||||
const eventResult = async (path) => {
|
||||
currentCareer.value = path;
|
||||
const eventResult = async (index) => {
|
||||
currentCareerIndex.value = index;
|
||||
currentCareer.value = careerPaths.value[index] ?? null;
|
||||
|
||||
const params = {
|
||||
jobId: path.value
|
||||
jobId: currentCareer.value?.value
|
||||
};
|
||||
try {
|
||||
const { code, msg, data } = await $AxiosHttp.useAxiosRequest(getSkillResult, params);
|
||||
const { code, msg, data } = await getSkillResult(params);
|
||||
if (code !== 0) {
|
||||
uni.showToast({
|
||||
title: msg,
|
||||
@@ -267,6 +283,7 @@ export const useSkillDevelopmentStore = defineStore('skill-development', () => {
|
||||
careerPaths,
|
||||
currentCareer,
|
||||
currentCareerLabel,
|
||||
currentCareerIndex,
|
||||
result,
|
||||
eventProfession,
|
||||
eventTargetCareer,
|
||||
|
||||
@@ -49,14 +49,12 @@ export function navigateToLoginPage(options = {}) {
|
||||
return;
|
||||
|
||||
case 'h5':
|
||||
if (loginType === 'idCard') {
|
||||
// H5端身份证号码登录
|
||||
loginPage = '/pages/login/id-card-login';
|
||||
} else {
|
||||
// H5端账号密码登录
|
||||
loginPage = '/pages/login/h5-login';
|
||||
}
|
||||
break;
|
||||
uni.showToast({
|
||||
title: '请先登录',
|
||||
icon: 'none',
|
||||
duration: 2000
|
||||
});
|
||||
return;
|
||||
|
||||
case 'app':
|
||||
// App端使用微信授权登录
|
||||
|
||||
@@ -1,157 +1,195 @@
|
||||
import MarkdownIt from '@/lib/markdown-it.min.js';
|
||||
import hljs from "@/lib/highlight/highlight-uni.min.js";
|
||||
import parseHtml from '@/lib/html-parser.js';
|
||||
// import DOMPurify from '@/lib/dompurify@3.2.4es.js';
|
||||
|
||||
export let codeDataList = []
|
||||
export let jobMoreMap = new Map()
|
||||
|
||||
const md = new MarkdownIt({
|
||||
html: true, // 允许 HTML 标签
|
||||
linkify: true, // 自动解析 URL
|
||||
typographer: true, // 美化标点符号
|
||||
tables: true,
|
||||
breaks: true, // 让 \n 自动换行
|
||||
langPrefix: 'language-', // 代码高亮前缀
|
||||
// 如果结果以 <pre ... 开头，内部包装器则会跳过。
|
||||
highlight: function(str, lang) {
|
||||
if (lang === 'job-json') {
|
||||
const result = safeExtractJson(str);
|
||||
if (result) { // json解析成功
|
||||
const jobId = result.appJobUrl.split('jobId=')[1]
|
||||
let domContext = `<a class="custom-card" data-job-id="${jobId}"><div class="card-title"><span class="title-text">${result.jobTitle}</span><div class="card-salary">${result.salary}</div></div><div class="card-company">${result.location}·${result.companyName}</div><div class="card-info"><div class="info-item"><div class="card-tag">${result.education}</div><div class="card-tag">${result.experience}</div></div><div class="info-item">查看详情<div class="position-nav"></div></div></div></a>`
|
||||
if (result.data) {
|
||||
jobMoreMap.set(jobId, result.data)
|
||||
domContext += `<a class="custom-more" data-job-id="${jobId}">查看更多岗位<div class="more-icon"></div></a>`
|
||||
}
|
||||
return domContext
|
||||
}
|
||||
}
|
||||
// 代码块
|
||||
let preCode = ""
|
||||
try {
|
||||
preCode = hljs.highlightAuto(str).value
|
||||
} catch (err) {
|
||||
preCode = md.utils.escapeHtml(str);
|
||||
}
|
||||
// 以换行进行分割 , 按行拆分代码
|
||||
const lines = preCode.split(/\n/).slice(0, -1);
|
||||
const html = lines
|
||||
.map((line, index) =>
|
||||
line ?
|
||||
`<li><span class="line-num" data-line="${index + 1}"></span>${line}</li>` :
|
||||
'<li></li>'
|
||||
)
|
||||
.join('');
|
||||
|
||||
// 代码复制功能
|
||||
const cacheIndex = codeDataList.length;
|
||||
codeDataList.push(str);
|
||||
return `
|
||||
<div class="code-container">
|
||||
<div class="code-header">
|
||||
<span class="lang-label">${lang || 'plaintext'}</span>
|
||||
<a class="copy-btn" data-copy-index="${cacheIndex}">复制代码</a>
|
||||
</div>
|
||||
<pre class="hljs"><code><ol>${html}</ol></code></pre>
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
})
|
||||
|
||||
function extractFirstJson(text) {
|
||||
let stack = [];
|
||||
let startIndex = -1;
|
||||
let endIndex = -1;
|
||||
|
||||
for (let i = 0; i < text.length; i++) {
|
||||
const char = text[i];
|
||||
|
||||
if (char === '{') {
|
||||
if (stack.length === 0) startIndex = i; // 记录第一个 '{' 的位置
|
||||
stack.push(char);
|
||||
} else if (char === '}') {
|
||||
stack.pop();
|
||||
if (stack.length === 0) {
|
||||
endIndex = i; // 找到配对的 '}'
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (startIndex !== -1 && endIndex !== -1) {
|
||||
const jsonString = text.slice(startIndex, endIndex + 1);
|
||||
try {
|
||||
const jsonObject = JSON.parse(jsonString);
|
||||
return jsonObject;
|
||||
} catch (e) {
|
||||
return null; // 如果不是有效的 JSON
|
||||
}
|
||||
}
|
||||
|
||||
return null; // 如果没有找到有效的 JSON 对象
|
||||
}
|
||||
|
||||
|
||||
function safeExtractJson(text) {
|
||||
try {
|
||||
const jsonObject = extractFirstJson(text);
|
||||
return jsonObject
|
||||
} catch (e) {
|
||||
console.error('JSON 解析失败:', e);
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
export function clearJobMoreMap() { // 切换对话清空
|
||||
jobMoreMap.clear()
|
||||
}
|
||||
|
||||
export function parseMarkdown(content) {
|
||||
if (!content) {
|
||||
return [] //处理特殊情况，比如网络异常导致的响应的 content 的值为空
|
||||
}
|
||||
|
||||
// 过滤掉<think>标签及其内容，这些是AI内部思考过程，不应该显示给用户
|
||||
// 1. 处理原始标签（支持多行）
|
||||
content = content.replace(/<\s*think\s*>[\s\S]*?<\s*\/\s*think\s*>/gi, '')
|
||||
// 2. 处理HTML编码的标签
|
||||
content = content.replace(/<\s*think\s*>[\s\S]*?<\s*\/\s*think\s*>/gi, '')
|
||||
// 3. 处理部分编码的标签
|
||||
content = content.replace(/<\s*think\s*>/gi, '')
|
||||
content = content.replace(/<\s*\/\s*think\s*>/gi, '')
|
||||
|
||||
codeDataList = []
|
||||
const unsafeHtml = md.render(content || '')
|
||||
|
||||
// 在markdown渲染后再次过滤，确保没有遗漏
|
||||
let filteredHtml = unsafeHtml
|
||||
// 1. 处理原始标签（支持多行）
|
||||
filteredHtml = filteredHtml.replace(/<\s*think\s*>[\s\S]*?<\s*\/\s*think\s*>/gi, '')
|
||||
// 2. 处理HTML编码的标签
|
||||
filteredHtml = filteredHtml.replace(/<\s*think\s*>[\s\S]*?<\s*\/\s*think\s*>/gi, '')
|
||||
// 3. 处理部分编码的标签
|
||||
filteredHtml = filteredHtml.replace(/<\s*think\s*>/gi, '')
|
||||
filteredHtml = filteredHtml.replace(/<\s*\/\s*think\s*>/gi, '')
|
||||
// 4. 单独处理剩余的think标签对
|
||||
filteredHtml = filteredHtml.replace(/<think>/gi, '')
|
||||
filteredHtml = filteredHtml.replace(/<\/think>/gi, '')
|
||||
filteredHtml = filteredHtml.replace(/<think>/gi, '')
|
||||
filteredHtml = filteredHtml.replace(/<\/think>/gi, '')
|
||||
|
||||
// 根据平台返回不同的内容格式
|
||||
// 微信小程序：返回rich-text组件支持的nodes格式
|
||||
// H5：直接返回HTML字符串，避免HTML解析错误
|
||||
if (process.env.UNI_PLATFORM === 'mp-weixin') {
|
||||
try {
|
||||
return parseHtml(filteredHtml)
|
||||
} catch (error) {
|
||||
console.error('HTML解析失败:', error)
|
||||
// 解析失败时返回空数组，避免页面崩溃
|
||||
return []
|
||||
}
|
||||
} else {
|
||||
// H5端直接返回HTML字符串
|
||||
return filteredHtml
|
||||
}
|
||||
}
|
||||
import MarkdownIt from '@/lib/markdown-it.min.js';
|
||||
import hljs from "@/lib/highlight/highlight-uni.min.js";
|
||||
import parseHtml from '@/lib/html-parser.js';
|
||||
// import DOMPurify from '@/lib/dompurify@3.2.4es.js';
|
||||
|
||||
export let codeDataList = []
|
||||
export let jobMoreMap = new Map()
|
||||
export let jobCardsList = []
|
||||
|
||||
const md = new MarkdownIt({
|
||||
html: true, // 允许 HTML 标签
|
||||
linkify: true, // 自动解析 URL
|
||||
typographer: true, // 美化标点符号
|
||||
tables: true,
|
||||
breaks: true, // 让 \n 自动换行
|
||||
langPrefix: 'language-', // 代码高亮前缀
|
||||
// 如果结果以 <pre ... 开头，内部包装器则会跳过。
|
||||
highlight: function(str, lang) {
|
||||
if (lang === 'job-json') {
|
||||
const result = safeExtractJson(str);
|
||||
if (result) { // json解析成功
|
||||
let jobId = result.appJobUrl;
|
||||
// If appJobUrl contains 'jobId=', extract the value after it, otherwise use it directly
|
||||
if (jobId && jobId.includes('jobId=')) {
|
||||
jobId = jobId.split('jobId=')[1];
|
||||
// 如果还有额外的参数，只取jobId部分
|
||||
if (jobId.includes('&')) {
|
||||
jobId = jobId.split('&')[0];
|
||||
}
|
||||
}
|
||||
console.log('Job JSON result:', result, 'Extracted jobId:', jobId);
|
||||
|
||||
// 确保jobId有效
|
||||
if (!jobId || jobId === 'undefined' || jobId === 'null') {
|
||||
console.error('Invalid jobId extracted:', jobId, 'from appJobUrl:', result.appJobUrl);
|
||||
// 尝试从其他字段获取jobId
|
||||
if (result.jobId) {
|
||||
jobId = result.jobId;
|
||||
console.log('Using jobId from result.jobId:', jobId);
|
||||
}
|
||||
}
|
||||
|
||||
// 添加到岗位卡片列表，供小程序端单独渲染
|
||||
jobCardsList.push({
|
||||
jobId,
|
||||
jobTitle: result.jobTitle,
|
||||
salary: result.salary,
|
||||
location: result.location,
|
||||
companyName: result.companyName,
|
||||
education: result.education,
|
||||
experience: result.experience
|
||||
});
|
||||
|
||||
// 生成岗位卡片HTML，注意：微信小程序rich-text组件只支持部分HTML属性
|
||||
// 使用普通的href属性，微信小程序rich-text会将其转换为可点击链接
|
||||
// 添加data-job-id属性，方便获取jobId
|
||||
// 为所有平台添加onclick事件，微信小程序可能会忽略，但H5端会生效
|
||||
// 内联基础样式确保在所有平台上正确显示（使用px单位以确保H5兼容性）
|
||||
let domContext = `<a class="custom-card" href="/packageA/pages/post/post?jobId=${jobId}" data-job-id="${jobId}" data-jobid="${jobId}" onclick="if(typeof uni !== 'undefined'){uni.navigateTo({url: '/packageA/pages/post/post?jobId=${jobId}'});return false;}" style="display: flex; flex-direction: column; margin-bottom: 11px; background: #FFFFFF; box-shadow: 0 0 4px rgba(0,0,0,0.04); border-radius: 10px; padding: 14px 12px; font-weight: 400; font-size: 14px; color: #333333; text-decoration: none; overflow: hidden; box-sizing: border-box; width: 100%; max-width: 100%;"><div class="card-title" style="font-weight: 600; display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px;"><span class="title-text" style="font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif; font-size: 16px; line-height: 1.4; color: #333333; max-width: calc(100% - 80px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">${result.jobTitle}</span><div class="card-salary" style="font-family: DIN-Medium; font-size: 16px; color: #4C6EFB; line-height: 1.4; font-weight: 500;">${result.salary}</div></div><div class="card-company" style="margin-bottom: 9px; font-size: 14px; color: #6C7282; line-height: 1.4; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">${result.location}·${result.companyName}</div><div class="card-info" style="display: flex; align-items: center; justify-content: space-between; padding-right: 20px;"><div class="info-item" style="display: flex; position: relative; align-items: center;"><div class="card-tag" style="font-weight: 400; font-size: 12px; color: #6C7282; width: fit-content; background: #F4F4F4; border-radius: 2px; padding: 3px 10px; margin-right: 10px; display: inline-flex; align-items: center; justify-content: center; height: 15px; line-height: 15px;">${result.education}</div><div class="card-tag" style="font-weight: 400; font-size: 12px; color: #6C7282; width: fit-content; background: #F4F4F4; border-radius: 2px; padding: 3px 10px; margin-right: 10px; display: inline-flex; align-items: center; justify-content: center; height: 15px; line-height: 15px;">${result.experience}</div></div><div class="info-item" style="color: #256BFA; font-size: 14px; padding-right: 5px; position: relative;">查看详情<div class="position-nav" style="position: absolute; right: -5px; top: 50%; transform: translateY(-50%);"></div></div></div></a>`
|
||||
if (result.data) {
|
||||
jobMoreMap.set(jobId, result.data)
|
||||
domContext += `<a class="custom-more" href="/packageA/pages/moreJobs/moreJobs?jobId=${jobId}" data-job-id="${jobId}" data-jobid="${jobId}" onclick="if(typeof uni !== 'undefined'){uni.navigateTo({url: '/packageA/pages/moreJobs/moreJobs?jobId=${jobId}'});return false;}" style="display: flex; justify-content: center; align-items: center; color: #FFFFFF; background: linear-gradient(135deg, #256BFA 0%, #9E74FD 100%); border-radius: 25px; padding: 10px 16px; margin: 10px 0; font-size: 14px; font-weight: 600; box-shadow: 0 4px 12px rgba(37, 107, 250, 0.3); text-decoration: none; box-sizing: border-box; width: 100%;">查看更多岗位<div class="more-icon" style="width: 16px; height: 16px; background: url('@/static/svg/seemore.svg') center center no-repeat; background-size: 100% 100%; margin-left: 6px;"></div></a>`
|
||||
}
|
||||
return domContext
|
||||
}
|
||||
}
|
||||
// 代码块
|
||||
let preCode = ""
|
||||
try {
|
||||
preCode = hljs.highlightAuto(str).value
|
||||
} catch (err) {
|
||||
preCode = md.utils.escapeHtml(str);
|
||||
}
|
||||
// 以换行进行分割 , 按行拆分代码
|
||||
const lines = preCode.split(/\n/).slice(0, -1);
|
||||
const html = lines
|
||||
.map((line, index) =>
|
||||
line ?
|
||||
`<li><span class="line-num" data-line="${index + 1}"></span>${line}</li>` :
|
||||
'<li></li>'
|
||||
)
|
||||
.join('');
|
||||
|
||||
// 代码复制功能
|
||||
const cacheIndex = codeDataList.length;
|
||||
codeDataList.push(str);
|
||||
return `
|
||||
<div class="code-container">
|
||||
<div class="code-header">
|
||||
<span class="lang-label">${lang || 'plaintext'}</span>
|
||||
<a class="copy-btn" data-copy-index="${cacheIndex}">复制代码</a>
|
||||
</div>
|
||||
<pre class="hljs"><code><ol>${html}</ol></code></pre>
|
||||
</div>
|
||||
`;
|
||||
}
|
||||
})
|
||||
|
||||
function extractFirstJson(text) {
|
||||
let stack = [];
|
||||
let startIndex = -1;
|
||||
let endIndex = -1;
|
||||
|
||||
for (let i = 0; i < text.length; i++) {
|
||||
const char = text[i];
|
||||
|
||||
if (char === '{') {
|
||||
if (stack.length === 0) startIndex = i; // 记录第一个 '{' 的位置
|
||||
stack.push(char);
|
||||
} else if (char === '}') {
|
||||
stack.pop();
|
||||
if (stack.length === 0) {
|
||||
endIndex = i; // 找到配对的 '}'
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (startIndex !== -1 && endIndex !== -1) {
|
||||
const jsonString = text.slice(startIndex, endIndex + 1);
|
||||
try {
|
||||
const jsonObject = JSON.parse(jsonString);
|
||||
return jsonObject;
|
||||
} catch (e) {
|
||||
return null; // 如果不是有效的 JSON
|
||||
}
|
||||
}
|
||||
|
||||
return null; // 如果没有找到有效的 JSON 对象
|
||||
}
|
||||
|
||||
|
||||
function safeExtractJson(text) {
|
||||
try {
|
||||
const jsonObject = extractFirstJson(text);
|
||||
return jsonObject
|
||||
} catch (e) {
|
||||
console.error('JSON 解析失败:', e);
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
export function clearJobMoreMap() { // 切换对话清空
|
||||
jobMoreMap.clear()
|
||||
}
|
||||
|
||||
export function parseMarkdown(content) {
|
||||
if (!content) {
|
||||
return [] //处理特殊情况，比如网络异常导致的响应的 content 的值为空
|
||||
}
|
||||
|
||||
// 过滤掉<think>标签及其内容，这些是AI内部思考过程，不应该显示给用户
|
||||
// 1. 处理原始标签（支持多行）
|
||||
content = content.replace(/<\s*think\s*>[\s\S]*?<\s*\/\s*think\s*>/gi, '')
|
||||
// 2. 处理HTML编码的标签
|
||||
content = content.replace(/<\s*think\s*>[\s\S]*?<\s*\/\s*think\s*>/gi, '')
|
||||
// 3. 处理部分编码的标签
|
||||
content = content.replace(/<\s*think\s*>/gi, '')
|
||||
content = content.replace(/<\s*\/\s*think\s*>/gi, '')
|
||||
|
||||
codeDataList = []
|
||||
jobCardsList = [] // 清空岗位卡片列表，避免重复
|
||||
const unsafeHtml = md.render(content || '')
|
||||
|
||||
// 在markdown渲染后再次过滤，确保没有遗漏
|
||||
let filteredHtml = unsafeHtml
|
||||
// 1. 处理原始标签（支持多行）
|
||||
filteredHtml = filteredHtml.replace(/<\s*think\s*>[\s\S]*?<\s*\/\s*think\s*>/gi, '')
|
||||
// 2. 处理HTML编码的标签
|
||||
filteredHtml = filteredHtml.replace(/<\s*think\s*>[\s\S]*?<\s*\/\s*think\s*>/gi, '')
|
||||
// 3. 处理部分编码的标签
|
||||
filteredHtml = filteredHtml.replace(/<\s*think\s*>/gi, '')
|
||||
filteredHtml = filteredHtml.replace(/<\s*\/\s*think\s*>/gi, '')
|
||||
// 4. 单独处理剩余的think标签对
|
||||
filteredHtml = filteredHtml.replace(/<think>/gi, '')
|
||||
filteredHtml = filteredHtml.replace(/<\/think>/gi, '')
|
||||
filteredHtml = filteredHtml.replace(/<think>/gi, '')
|
||||
filteredHtml = filteredHtml.replace(/<\/think>/gi, '')
|
||||
|
||||
// 根据平台返回不同的内容格式
|
||||
// 微信小程序：返回rich-text组件支持的nodes格式
|
||||
// H5：直接返回HTML字符串，避免HTML解析错误
|
||||
if (process.env.UNI_PLATFORM === 'mp-weixin') {
|
||||
try {
|
||||
return parseHtml(filteredHtml)
|
||||
} catch (error) {
|
||||
console.error('HTML解析失败:', error)
|
||||
// 解析失败时返回空数组，避免页面崩溃
|
||||
return []
|
||||
}
|
||||
} else {
|
||||
// H5端直接返回HTML字符串
|
||||
return filteredHtml
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user