sdz/ks-app-employment-service
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'main' of http://124.243.245.42:3000/sdz/ks-app-employment-service

Browse Source
This commit is contained in:
lintiantian
2025-11-20 18:39:26 +08:00
parent 555dd66a47 5dfb1c0053
commit 90f1e9186d
256 changed files with 14256 additions and 2795091 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
.gitignore vendored
View File

@@ -1,2 +1,26 @@
/unpackage/
/node_modules/
/node_modules/
/docs/
/.qoder/
/.idea/
.DS_Store
/dist/
/build/
.vscode/
*.log
*.tmp
*.swp
.env
.env.*
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
/coverage/
/.nyc_output/
/.turbo/
/cache/
/output/
/hs_err_pid*
*.local
yarn.lock

46
apiRc/jobPath.js Normal file
View File

@@ -0,0 +1,46 @@
/*
* @Date: 2025-11-12
* @Description: 职业路径相关接口
*/
import request from '@/utilsRc/request'
// 根据职业名称获取路径列表
export function getJobPathPage(params) {
return request({
url: '/jobPath/getJobPathPage',
method: 'get',
params,
baseUrlType: 'zytp'
})
}
// 根据职业路径ID获取详情
export function getJobPathDetail(params) {
const requestParams = {};
if (params?.jobPathId !== undefined && params?.jobPathId !== null && params?.jobPathId !== '') {
requestParams.id = params.jobPathId;
} else if (params?.id !== undefined && params?.id !== null && params?.id !== '') {
requestParams.id = params.id;
}
if (!requestParams.id) {
return Promise.reject('缺少必需的 id 参数');
}
return request({
url: '/jobPath/getJobPathById',
method: 'get',
params: requestParams,
baseUrlType: 'zytp'
})
}
// 获取职业路径数量
export function getJobPathNum() {
return request({
url: '/jobPath/getJobPathNum',
method: 'get',
baseUrlType: 'zytp'
})
}

33
apiRc/jobRecommend.js Normal file
View File

@@ -0,0 +1,33 @@
/*
* @Date: 2025-11-12
* @Description: 职业推荐相关接口
*/
import request from '@/utilsRc/request'
function createFormData(payload = {}) {
if (typeof FormData !== 'undefined') {
const formData = new FormData()
Object.keys(payload).forEach(key => {
const value = payload[key]
if (value !== undefined && value !== null && value !== '') {
formData.append(key, value)
}
})
return formData
}
return payload
}
export function recommendJob(data) {
const params = {};
if (data?.jobName !== undefined && data?.jobName !== null && data?.jobName !== '') {
params.jobName = String(data.jobName);
}
return request({
url: '/job/recommendJobByJobName',
method: 'get',
params: params,
baseUrlType: 'zytp'
})
}

45
apiRc/jobSkill.js Normal file
View File

@@ -0,0 +1,45 @@
/*
* @Date: 2025-11-12
* @Description: 职业技能相关接口
*/
import request from '@/utilsRc/request'
export function getJobSkillDetail(params) {
return request({
url: '/jobSkillDet/getJobSkillDet',
method: 'get',
params,
baseUrlType: 'zytp'
})
}
// 暂未使用 - 如果需要在 CareerPath.vue 中点击路径职位查看详细技能信息时使用
// 使用场景：获取职业路径中某个职位的详细技能信息（包含技能分数、类型等）
// export function getJobPathSkill(data) {
// let formData
// if (typeof FormData !== 'undefined') {
// formData = new FormData()
// if (data?.pathId !== undefined && data?.pathId !== null) {
// formData.append('pathId', data.pathId)
// }
// if (data?.currentJobName !== undefined && data?.currentJobName !== null) {
// formData.append('currentJobName', data.currentJobName)
// }
// } else {
// formData = {
// pathId: data?.pathId ?? '',
// currentJobName: data?.currentJobName ?? ''
// }
// }
// return request({
// url: '/jobSkillDet/getJobPathSkill',
// method: 'post',
// data: formData,
// baseUrlType: 'zytp',
// header: {
// 'content-type': 'multipart/form-data'
// }
// })
// }

26
apiRc/login.js
View File

@@ -44,10 +44,34 @@ export function register(data) {
})
}
// 身份证号码登录
export function idCardLogin(data) {
return request({
method: 'post',
url: '/app/idCardLogin',
data,
headers: {
isToken: false
}
})
}
// 手机号登录
export function phoneLogin(data) {
return request({
method: 'post',
url: '/app/phoneLogin',
data,
headers: {
isToken: false
}
})
}
// 获取用户详细信息
export function getInfo() {
return request({
url: '/getInfo',
method: 'get'
})
}
}

15
apiRc/user/user.js Normal file
View File

@@ -0,0 +1,15 @@
/*
* @Date: 2025-01-XX
* @LastEditors:
* @LastEditTime:
*/
import request from '@/utilsRc/request'
// 获取用户信息（职业规划推荐用）
export function appUserInfo() {
return request({
url: '/app/user/appUserInfo',
method: 'get',
baseUrlType: 'user' // 使用用户接口专用baseUrl
})
}

1
check-large-files.ps1 Normal file
View File

@@ -0,0 +1 @@

10
components/AppLayout/AppLayout.vue
View File

@@ -90,6 +90,10 @@ const handleScrollToLower = () => {
width: 100vw;
height: calc(100% - var(--window-bottom));
overflow: hidden;
/* H5环境安全区域适配 */
/* #ifdef H5 */
height: 100vh;
/* #endif */
}
.app-container {
// background-image: url('@/static/icon/background2.png');
@@ -140,7 +144,13 @@ const handleScrollToLower = () => {
.container-main {
flex: 1;
overflow: hidden;
padding-bottom: 20rpx;
}
/* #ifdef H5 */
.container-main {
padding-bottom: 120rpx!important;
}
/* #endif */
.main-scroll {
width: 100%;

132
components/CustomTabBar/CustomTabBar.vue
View File

@@ -4,7 +4,8 @@
class="tabbar-item"
v-for="(item, index) in tabbarList"
:key="index"
@click="switchTab(item, index)"
@click.stop="switchTab(item, index)"
@tap.stop="switchTab(item, index)"
>
<view class="tabbar-icon">
<image
@@ -25,6 +26,7 @@ import { ref, computed, watch, onMounted } from 'vue';
import { storeToRefs } from 'pinia';
import useUserStore from '@/stores/useUserStore';
import { useReadMsg } from '@/stores/useReadMsg';
import { checkLoginAndNavigate } from '@/utils/loginHelper';
const props = defineProps({
currentPage: {
@@ -110,6 +112,8 @@ const generateTabbarList = () => {
});
} else {
// 求职者用户（包括未登录状态）：显示招聘会
// H5端隐藏招聘会
// #ifndef H5
baseItems.splice(1, 0, {
id: 1,
text: '招聘会',
@@ -119,6 +123,7 @@ const generateTabbarList = () => {
centerItem: false,
badge: readMsg.badges[1]?.count || 0,
});
// #endif
}
return baseItems;
@@ -154,77 +159,77 @@ watch(() => userInfo.value, (newUserInfo, oldUserInfo) => {
// 切换tab
const switchTab = (item, index) => {
// 检查是否为"发布岗位"页面，需要判断企业信息是否完整
if (item.path === '/pages/job/publishJob') {
// 检查用户是否已登录
const token = uni.getStorageSync('token') || '';
const hasLogin = userStore.hasLogin;
if (!token || !hasLogin) {
// 未登录，发送事件显示登录弹窗
uni.$emit('showLoginModal');
return; // 不进行页面跳转
}
// 已登录，检查企业信息是否完整
const cachedUserInfo = uni.getStorageSync('userInfo') || {};
const storeUserInfo = userInfo.value || {};
const currentUserInfo = storeUserInfo.id ? storeUserInfo : cachedUserInfo;
// 判断企业信息字段company是否为null或undefined
if (!currentUserInfo.company || currentUserInfo.company === null) {
// 企业信息为空，跳转到企业信息补全页面
uni.navigateTo({
url: '/pages/complete-info/company-info',
});
} else {
// 企业信息完整，跳转到发布岗位页面
uni.navigateTo({
url: '/pages/job/publishJob',
});
}
currentItem.value = item.id;
return;
}
console.log('switchTab called', item, index);
// 检查是否为"我的"页面，需要登录验证和用户类型判断
if (item.path === '/pages/mine/mine') {
// 检查是否为需要登录的页面
const loginRequiredPages = [
'/pages/job/publishJob',
'/pages/mine/mine',
'/pages/mine/company-mine'
];
if (loginRequiredPages.includes(item.path)) {
// 检查用户是否已登录
const token = uni.getStorageSync('token') || '';
const hasLogin = userStore.hasLogin;
if (!token || !hasLogin) {
// 未登录，发送事件显示登录弹窗
uni.$emit('showLoginModal');
// 未登录，根据平台类型跳转到对应的登录页面
checkLoginAndNavigate();
return; // 不进行页面跳转
}
// 已登录，根据用户类型跳转到不同的"我的"页面
const cachedUserInfo = uni.getStorageSync('userInfo') || {};
const storeIsCompanyUser = userInfo.value?.isCompanyUser;
const cachedIsCompanyUser = cachedUserInfo.isCompanyUser;
// 获取用户类型
const userType = Number(storeIsCompanyUser !== undefined ? storeIsCompanyUser : (cachedIsCompanyUser !== undefined ? cachedIsCompanyUser : 1));
let targetPath = '/pages/mine/mine'; // 默认求职者页面
if (userType === 0) {
// 企业用户，跳转到企业我的页面
targetPath = '/pages/mine/company-mine';
} else {
// 求职者或其他用户类型，跳转到普通我的页面
targetPath = '/pages/mine/mine';
// 已登录，处理特定页面的逻辑
if (item.path === '/pages/job/publishJob') {
// 检查企业信息是否完整
const cachedUserInfo = uni.getStorageSync('userInfo') || {};
const storeUserInfo = userInfo.value || {};
const currentUserInfo = storeUserInfo.id ? storeUserInfo : cachedUserInfo;
// 判断企业信息字段company是否为null或undefined
if (!currentUserInfo.company || currentUserInfo.company === null) {
// 企业信息为空，跳转到企业信息补全页面
uni.navigateTo({
url: '/pages/complete-info/company-info',
});
} else {
// 企业信息完整，跳转到发布岗位页面
uni.navigateTo({
url: '/pages/job/publishJob',
});
}
currentItem.value = item.id;
return;
}
// 跳转到对应的页面
uni.navigateTo({
url: targetPath,
});
currentItem.value = item.id;
return;
if (item.path === '/pages/mine/mine') {
// 根据用户类型跳转到不同的"我的"页面
const cachedUserInfo = uni.getStorageSync('userInfo') || {};
const storeIsCompanyUser = userInfo.value?.isCompanyUser;
const cachedIsCompanyUser = cachedUserInfo.isCompanyUser;
// 获取用户类型
const userType = Number(storeIsCompanyUser !== undefined ? storeIsCompanyUser : (cachedIsCompanyUser !== undefined ? cachedIsCompanyUser : 1));
let targetPath = '/pages/mine/mine'; // 默认求职者页面
if (userType === 0) {
// 企业用户，跳转到企业我的页面
targetPath = '/pages/mine/company-mine';
} else {
// 求职者或其他用户类型，跳转到普通我的页面
targetPath = '/pages/mine/mine';
}
// 跳转到对应的页面
uni.navigateTo({
url: targetPath,
});
currentItem.value = item.id;
return;
}
}
// 判断是否为 tabBar 页面
@@ -270,8 +275,9 @@ onMounted(() => {
display: flex;
align-items: center;
padding-bottom: env(safe-area-inset-bottom);
z-index: 999;
z-index: 9999;
box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.1);
pointer-events: auto;
}
.tabbar-item {
@@ -285,6 +291,8 @@ onMounted(() => {
font-size: 22rpx;
position: relative;
cursor: pointer;
pointer-events: auto;
-webkit-tap-highlight-color: transparent;
}
.tabbar-icon {

12
components/MsgTips/MsgTips.vue
View File

@@ -13,10 +13,10 @@
</view>
<text class="text-content button-click">{{ content }}</text>
<template v-if="showButton">
<button class="popup-button button-click" v-if="isTip" @click="close">{{ buttonText }}</button>
<button class="popup-button button-click reset-button" v-if="isTip" @click="close">{{ buttonText }}</button>
<view v-else class="confirm-btns">
<button class="popup-button button-click" @click="close">{{ cancelText }}</button>
<button class="popup-button button-click" @click="confirm">{{ confirmText }}</button>
<button class="popup-button button-click reset-button" @click="close">{{ cancelText }}</button>
<button class="popup-button button-click reset-button" @click="confirm">{{ confirmText }}</button>
</view>
</template>
</view>
@@ -138,8 +138,8 @@ export default {
}
}
// 重置button样式
button {
// 重置button样式，使用类选择器代替标签选择器
.reset-button {
padding: 0;
margin: 0;
border: none;
@@ -148,7 +148,7 @@ button {
line-height: inherit;
}
button::after {
.reset-button::after {
border: none;
}
</style>

89
components/area-cascade-picker/README.md
View File

@@ -70,6 +70,7 @@ const openPicker = () => {
| cancel | Function | 否 | - | 取消选择的回调函数 |
| change | Function | 否 | - | 选择变化的回调函数 |
| defaultValue | Object | 否 | null | 默认选中的地址（暂未实现） |
| forceRefresh | Boolean | 否 | false | 是否强制刷新数据（忽略缓存） |
#### success 回调参数
@@ -107,6 +108,14 @@ const openPicker = () => {
areaPicker.value?.close()
```
### clearCache()
清除地址数据缓存
```javascript
areaPicker.value?.clearCache()
```
## 数据格式
组件使用树形结构的地址数据，格式如下：
@@ -209,12 +218,73 @@ const selectLocation = () => {
</script>
```
## 性能优化
### 懒加载方案（已实现）⭐
组件已实现**懒加载**机制，大幅优化90M+地址数据的加载性能：
#### 核心优化
1. **首次加载**：只加载省份列表（< 1MB，3-5秒完成）
2. **按需加载**：用户选择省份后，再加载该省份的详细数据（2-5MB，5-10秒）
3. **智能缓存**：已加载的数据会缓存，切换省份时秒开
4. **自动降级**：如果服务器不支持分片接口，自动从完整数据中提取
#### 性能对比
| 场景 | 优化前 | 优化后（懒加载） |
|------|--------|------------------|
| 首次打开选择器 | 加载90M+（3-5分钟） | 加载省份列表（< 1MB，3-5秒） |
| 选择省份 | 无需加载 | 加载该省份数据（2-5MB，5-10秒） |
| 切换省份 | 无需加载 | 从缓存读取（< 1秒） |
#### 使用方式
组件已自动使用懒加载模式，无需修改调用代码：
```javascript
// 正常使用，自动懒加载
areaPicker.value?.open({
success: (addressData) => {
console.log('选择的地址：', addressData)
}
})
// 强制刷新数据（忽略缓存）
areaPicker.value?.open({
forceRefresh: true, // 强制从服务器重新加载
success: (addressData) => {
console.log('选择的地址：', addressData)
}
})
// 清除缓存
areaPicker.value?.clearCache()
```
### 服务器分片接口（最佳方案）🚀
如果服务器可以提供分片接口，性能会进一步提升。详见：[地址数据懒加载优化方案.md](../../docs/地址数据懒加载优化方案.md)
需要的接口：
- 省份列表接口：`/address_provinces.json`（轻量级，< 1MB）
- 省份详情接口：`/address_province_{code}.json`（按需加载，每个2-5MB）
### 缓存机制
1. **自动缓存**：已加载的数据会自动缓存到 IndexedDB（H5）或 uni.storage（小程序）
2. **缓存有效期**：默认7天，过期后自动重新加载
3. **离线支持**：网络失败时自动使用缓存数据
4. **存储方案**：优先使用 IndexedDB，自动降级到 uni.storage
## 注意事项
1. **数据来源**：当前使用本地模拟数据，生产环境建议接入后端API
1. **数据来源**：当前从远程JSON文件加载，生产环境建议接入后端API
2. **数据更新**：如需接入后端API，修改 `loadAreaData` 方法即可
3. **性能优化**：地址数据量大时，建议使用懒加载
3. **性能优化**：已集成缓存机制，首次加载后速度大幅提升
4. **兼容性**：支持 H5、微信小程序等多端
5. **存储限制**：小程序环境有存储限制，如遇问题会自动清理旧缓存
## 接入后端API
@@ -242,6 +312,21 @@ async loadAreaData() {
## 更新日志
### v1.2.0 (2025-01-XX)
- 🚀 **懒加载优化**：实现按需加载，首次加载从几分钟减少到几秒
- ✅ 首次只加载省份列表（< 1MB，3-5秒）
- ✅ 按需加载省份详情（选择省份时才加载）
- ✅ 智能缓存已加载的数据，切换省份秒开
- ✅ 支持服务器分片接口（最佳性能）
- ✅ 自动降级方案（兼容完整数据）
### v1.1.0 (2025-01-XX)
- 🚀 **性能优化**：集成智能缓存系统，优化90M+地址数据加载
- ✅ 支持 IndexedDB 和 uni.storage 双缓存方案
- ✅ 支持缓存过期管理和自动清理
- ✅ 支持强制刷新数据
- ✅ 优化首次加载体验，后续加载秒开
### v1.0.0 (2025-10-21)
- ✨ 初始版本
- ✅ 实现五级联动选择功能

349
components/area-cascade-picker/area-cascade-picker.vue
View File

@@ -85,33 +85,35 @@
</template>
<script>
import addressJson from '@/static/json/xinjiang.json';
import { createRequest } from '@/utils/request';
export default {
name: 'AreaCascadePicker',
data() {
return {
maskClick: false,
title: '选择地址',
confirmCallback: null,
cancelCallback: null,
changeCallback: null,
selectedIndex: [0, 0, 0, 0, 0],
// 原始数据
areaData: [],
// 各级列表
provinceList: [],
cityList: [],
districtList: [],
streetList: [],
communityList: [],
// 当前选中的项
selectedProvince: null,
selectedCity: null,
selectedDistrict: null,
selectedStreet: null,
selectedCommunity: null,
};
},
return {
maskClick: false,
title: '选择地址',
confirmCallback: null,
cancelCallback: null,
changeCallback: null,
selectedIndex: [0, 0, 0, 0, 0],
// 原始数据（懒加载模式下，只存储省份列表）
areaData: [],
// 各级列表
provinceList: [],
cityList: [],
districtList: [],
streetList: [],
communityList: [],
// 当前选中的项
selectedProvince: null,
selectedCity: null,
selectedDistrict: null,
selectedStreet: null,
selectedCommunity: null,
// 加载状态
isLoading: false,
};
},
methods: {
async open(newConfig = {}) {
const {
@@ -121,6 +123,7 @@ export default {
change,
maskClick = false,
defaultValue = null,
forceRefresh = false, // 是否强制刷新数据
} = newConfig;
this.reset();
@@ -131,50 +134,103 @@ export default {
this.maskClick = maskClick;
// 加载地区数据
await this.loadAreaData();
// 初始化列表
this.initLists();
this.$nextTick(() => {
this.$refs.popup.open();
});
},
async loadAreaData() {
this.isLoading = true;
try {
// 尝试调用后端API获取地区数据
// 如果后端API不存在，将使用模拟数据
console.log('正在加载地区数据...');
// const resp = await uni.request({
// url: '/app/common/area/cascade',
// method: 'GET'
// });
// if (resp.statusCode === 200 && resp.data && resp.data.data) {
// this.areaData = resp.data.data;
// }
// 先显示弹窗，避免长时间等待
this.$nextTick(() => {
this.$refs.popup.open();
});
// 暂时使用模拟数据
this.areaData = this.getMockData();
// 加载省份数据
await this.loadAreaData(forceRefresh);
// 只有当provinceList有数据时才初始化后续列表
if (this.areaData && this.areaData.length > 0) {
await this.initLists();
console.log('地址选择器初始化完成');
} else {
console.warn('没有加载到省份数据');
// 即使没有数据，也保持弹窗打开，让用户可以关闭它
}
} catch (error) {
console.error('加载地区数据失败:', error);
// 如果后端API不存在，使用模拟数据
this.areaData = this.getMockData();
console.error('打开地址选择器失败:', error);
// 注意：由于loadAreaData已经处理了错误，这里不应该会被触发
// 但保留作为额外的安全措施
} finally {
this.isLoading = false;
}
},
initLists() {
async loadAreaData(forceRefresh = false) {
try {
console.log('正在加载省份列表...');
const resp = await createRequest('/cms/dict/sysarea/list', { parentCode: '' }, 'GET', false);
console.log('省份列表接口响应:', resp);
// 处理正确的数据格式
if (resp && resp.code === 200 && resp.data) {
// 数据在data字段中
this.areaData = resp.data.map(item => ({
code: item.code,
name: item.name
}));
console.log('省份列表加载成功:', this.areaData);
if (this.areaData.length === 0) {
console.warn('省份列表为空');
}
} else {
console.error('获取省份列表失败:', resp);
throw new Error(`获取省份列表失败: ${resp?.msg || '未知错误'}`);
}
} catch (error) {
console.error('加载省份列表失败:', error);
// 不抛出错误，避免阻止页面打开
// 而是使用默认空数据，让用户可以继续操作
this.areaData = [];
// 显示更友好的错误提示
uni.showToast({
title: error.message || '加载地址数据失败，请检查网络连接',
icon: 'none',
duration: 3000
});
}
},
async initLists() {
// 初始化省列表
this.provinceList = this.areaData;
this.provinceList = this.areaData || [];
if (this.provinceList.length > 0) {
this.selectedProvince = this.provinceList[0];
this.updateCityList();
// 懒加载：首次选择第一个省份时，加载其详情
await this.updateCityList();
// 如果有城市数据，初始化第一个城市的区县数据
if (this.cityList.length > 0) {
this.selectedCity = this.cityList[0];
await this.updateDistrictList();
// 如果有区县数据，初始化第一个区县的街道数据
if (this.districtList.length > 0) {
this.selectedDistrict = this.districtList[0];
await this.updateStreetList();
// 如果有街道数据，初始化第一个街道的社区数据
if (this.streetList.length > 0) {
this.selectedStreet = this.streetList[0];
await this.updateCommunityList();
}
}
}
// 更新选中索引
this.selectedIndex = [0, 0, 0, 0, 0];
}
},
updateCityList() {
if (!this.selectedProvince || !this.selectedProvince.children) {
async updateCityList() {
if (!this.selectedProvince) {
this.cityList = [];
this.districtList = [];
this.streetList = [];
@@ -182,55 +238,168 @@ export default {
return;
}
this.cityList = this.selectedProvince.children;
try {
console.log(`正在加载城市列表，父级编码: ${this.selectedProvince.code}`);
// 使用createRequest工具调用接口
const resp = await createRequest('/cms/dict/sysarea/list', { parentCode: this.selectedProvince.code }, 'GET', false);
console.log('城市列表接口响应:', resp);
// 处理正确的数据格式
let cityData = [];
if (resp && resp.code === 200 && resp.data) {
cityData = resp.data;
this.cityList = cityData.map(item => ({
code: item.code,
name: item.name
}));
console.log('城市列表加载成功:', this.cityList);
} else {
console.error('获取城市列表失败:', resp);
this.cityList = [];
}
} catch (error) {
console.error('加载城市列表失败:', error);
this.cityList = [];
}
this.selectedIndex[1] = 0;
if (this.cityList.length > 0) {
this.selectedCity = this.cityList[0];
this.updateDistrictList();
await this.updateDistrictList();
} else {
this.districtList = [];
this.streetList = [];
this.communityList = [];
}
},
updateDistrictList() {
if (!this.selectedCity || !this.selectedCity.children) {
async updateDistrictList() {
if (!this.selectedCity) {
this.districtList = [];
this.streetList = [];
this.communityList = [];
return;
}
this.districtList = this.selectedCity.children;
try {
console.log(`正在加载区县列表，父级编码: ${this.selectedCity.code}`);
// 使用createRequest工具调用接口
const resp = await createRequest('/cms/dict/sysarea/list', { parentCode: this.selectedCity.code }, 'GET', false);
console.log('区县列表接口响应:', resp);
// 处理正确的数据格式
let districtData = [];
if (resp && resp.code === 200 && resp.data) {
districtData = resp.data;
this.districtList = districtData.map(item => ({
code: item.code,
name: item.name
}));
console.log('区县列表加载成功:', this.districtList);
} else {
console.error('获取区县列表失败:', resp);
this.districtList = [];
}
} catch (error) {
console.error('加载区县列表失败:', error);
this.districtList = [];
}
this.selectedIndex[2] = 0;
if (this.districtList.length > 0) {
this.selectedDistrict = this.districtList[0];
this.updateStreetList();
await this.updateStreetList();
} else {
this.streetList = [];
this.communityList = [];
}
},
updateStreetList() {
if (!this.selectedDistrict || !this.selectedDistrict.children) {
async updateStreetList() {
if (!this.selectedDistrict) {
this.streetList = [];
this.communityList = [];
return;
}
this.streetList = this.selectedDistrict.children;
try {
console.log(`正在加载街道列表，父级编码: ${this.selectedDistrict.code}`);
// 使用createRequest工具调用接口
const resp = await createRequest('/cms/dict/sysarea/list', { parentCode: this.selectedDistrict.code }, 'GET', false);
console.log('街道列表接口响应:', resp);
// 处理正确的数据格式
let streetData = [];
if (resp && resp.code === 200 && resp.data) {
streetData = resp.data;
this.streetList = streetData.map(item => ({
code: item.code,
name: item.name
}));
console.log('街道列表加载成功:', this.streetList);
} else {
console.error('获取街道列表失败:', resp);
this.streetList = [];
}
} catch (error) {
console.error('加载街道列表失败:', error);
this.streetList = [];
}
this.selectedIndex[3] = 0;
if (this.streetList.length > 0) {
this.selectedStreet = this.streetList[0];
this.updateCommunityList();
await this.updateCommunityList();
} else {
this.communityList = [];
}
},
updateCommunityList() {
if (!this.selectedStreet || !this.selectedStreet.children) {
async updateCommunityList() {
if (!this.selectedStreet) {
this.communityList = [];
return;
}
this.communityList = this.selectedStreet.children;
try {
console.log(`正在加载社区列表，父级编码: ${this.selectedStreet.code}`);
// 使用createRequest工具调用接口
const resp = await createRequest('/cms/dict/sysarea/list', { parentCode: this.selectedStreet.code }, 'GET', false);
console.log('社区列表接口响应:', resp);
// 处理正确的数据格式
let communityData = [];
if (resp && resp.code === 200 && resp.data) {
communityData = resp.data;
this.communityList = communityData.map(item => ({
code: item.code,
name: item.name
}));
console.log('社区列表加载成功:', this.communityList);
} else {
console.error('获取社区列表失败:', resp);
this.communityList = [];
}
} catch (error) {
console.error('加载社区列表失败:', error);
this.communityList = [];
}
this.selectedIndex[4] = 0;
if (this.communityList.length > 0) {
@@ -238,7 +407,7 @@ export default {
}
},
bindChange(e) {
async bindChange(e) {
const newIndex = e.detail.value;
// 检查哪一列发生了变化
@@ -248,21 +417,21 @@ export default {
// 根据变化的列更新后续列
if (i === 0) {
// 省变化
// 省变化 - 需要加载新省份的城市
this.selectedProvince = this.provinceList[newIndex[0]];
this.updateCityList();
await this.updateCityList();
} else if (i === 1) {
// 市变化
this.selectedCity = this.cityList[newIndex[1]];
this.updateDistrictList();
await this.updateDistrictList();
} else if (i === 2) {
// 区县变化
this.selectedDistrict = this.districtList[newIndex[2]];
this.updateStreetList();
await this.updateStreetList();
} else if (i === 3) {
// 街道变化
this.selectedStreet = this.streetList[newIndex[3]];
this.updateCommunityList();
await this.updateCommunityList();
} else if (i === 4) {
// 社区变化
this.selectedCommunity = this.communityList[newIndex[4]];
@@ -323,22 +492,48 @@ export default {
}
},
/**
* 重置所有状态（内部使用）
*/
reset() {
this.maskClick = false;
this.confirmCallback = null;
this.cancelCallback = null;
this.changeCallback = null;
this.selectedIndex = [0, 0, 0, 0, 0];
this.selectedProvince = null;
this.selectedCity = null;
this.selectedDistrict = null;
this.selectedStreet = null;
this.selectedCommunity = null;
this.provinceList = [];
this.cityList = [];
this.districtList = [];
this.streetList = [];
this.communityList = [];
this.areaData = [];
},
// 模拟数据（用于演示）
getMockData() {
return addressJson
/**
* 清除地址数据缓存（供外部调用）
*/
async clearCache() {
try {
// 清除内存缓存
this.reset();
uni.showToast({
title: '缓存已清除',
icon: 'success',
duration: 2000
});
} catch (error) {
console.error('清除缓存失败:', error);
uni.showToast({
title: '清除缓存失败',
icon: 'none',
duration: 2000
});
}
}
},
};

37
components/data-picker-view/data-picker-view.vue Normal file
View File

@@ -0,0 +1,37 @@
<template>
<uni-data-pickerview
ref="pickerView"
v-bind="$attrs"
@change="handleChange"
@datachange="handleDatachange"
@nodeclick="handleNodeclick"
@update:modelValue="handleUpdateModelValue"
/>
</template>
<script>
export default {
name: 'DataPickerView',
inheritAttrs: false,
methods: {
updateData(data) {
if (this.$refs.pickerView && this.$refs.pickerView.updateData) {
this.$refs.pickerView.updateData(data)
}
},
handleChange(event) {
this.$emit('change', event)
},
handleDatachange(event) {
this.$emit('datachange', event)
},
handleNodeclick(event) {
this.$emit('nodeclick', event)
},
handleUpdateModelValue(value) {
this.$emit('update:modelValue', value)
}
}
}
</script>

7
components/empty/empty.vue
View File

@@ -2,8 +2,8 @@
<view class="empty" :style="{ background: bgcolor, marginTop: mrTop + 'rpx' }">
<view class="ty_content" :style="{ paddingTop: pdTop + 'rpx' }">
<view class="content_top btn-shaky">
<image v-if="pictrue" :src="pictrue" mode=""></image>
<image v-else src="@/static/icon/empty.png" mode=""></image>
<image v-if="pictrue" :src="pictrue" mode="" class="empty-image"></image>
<image v-else src="@/static/icon/empty.png" mode="" class="empty-image"></image>
</view>
<view class="content_c">{{ content }}</view>
</view>
@@ -47,7 +47,8 @@ export default {
</script>
<style lang="scss" scoped>
image {
// 使用类选择器代替标签选择器
.empty-image {
width: 100%;
height: 100%;
}

140
components/expected-station/expected-station.vue
View File

@@ -5,7 +5,7 @@
<input class="uni-input searchinput" confirm-type="search" />
</view>
<view class="sex-content">
<scroll-view :show-scrollbar="false" :scroll-y="true" class="sex-content-left">
<scroll-view ref="leftScroll" :show-scrollbar="false" :scroll-y="true" class="sex-content-left">
<view
v-for="item in copyTree"
:key="item.id"
@@ -57,6 +57,8 @@ export default {
stationCateLog: 0,
copyTree: [],
scrollTop: 0,
scrollTimer: null,
lastScrollTime: 0,
};
},
props: {
@@ -89,14 +91,131 @@ export default {
}
},
},
beforeDestroy() {
// 组件销毁前清除定时器
if (this.scrollTimer) {
clearTimeout(this.scrollTimer);
this.scrollTimer = null;
}
},
methods: {
changeStationLog(item) {
this.leftValue = item;
this.rightValue = item.children;
this.scrollTop = 0;
// 使用更激进的防抖策略，避免频繁的左侧滚动
if (this.scrollTimer) {
clearTimeout(this.scrollTimer);
}
this.scrollTimer = setTimeout(() => {
// 确保左侧列表滚动到正确位置，让当前选中的标签可见
const index = this.copyTree.findIndex(i => i.id === item.id);
if (index !== -1 && this.$refs.leftScroll) {
const itemHeight = 160; // 每个选项高度
const visibleHeight = 4 * itemHeight; // 可见区域高度
// 计算目标位置
const targetTop = index * itemHeight;
// 获取当前左侧列表的滚动位置
const currentLeftScrollTop = this.$refs.leftScroll.scrollTop || 0;
// 只有当目标位置不在当前可见区域内时才滚动
if (targetTop < currentLeftScrollTop || targetTop > currentLeftScrollTop + visibleHeight - itemHeight) {
let targetScrollTop = targetTop;
// 如果选中的标签在底部，确保它不会滚动出可见区域
if (targetTop > this.$refs.leftScroll.scrollHeight - visibleHeight) {
targetScrollTop = Math.max(0, this.$refs.leftScroll.scrollHeight - visibleHeight);
}
this.$refs.leftScroll.scrollTo({
top: targetScrollTop,
duration: 100 // 进一步减少滚动动画时间
});
}
}
}, 100);
},
scrollTopBack(e) {
this.scrollTop = e.detail.scrollTop;
const currentTime = Date.now();
// 更严格的防抖处理：如果距离上次滚动时间太短，则跳过处理
if (currentTime - this.lastScrollTime < 80) {
return;
}
this.lastScrollTime = currentTime;
// 清除之前的定时器
if (this.scrollTimer) {
clearTimeout(this.scrollTimer);
}
// 设置新的定时器，延迟处理滚动事件
this.scrollTimer = setTimeout(() => {
this.scrollTop = e.detail.scrollTop;
// 滚动时自动选中对应的左侧标签
const scrollTop = e.detail.scrollTop;
let currentSection = null;
let minDistance = Infinity;
// 遍历所有右侧的二级标题，找到当前最接近顶部的那个
this.rightValue.forEach((section, index) => {
// 更精确地估算每个section的位置（考虑标题高度和内容高度）
const sectionTop = index * 280; // 增加估算高度，避免过于敏感
const distance = Math.abs(sectionTop - scrollTop);
if (distance < minDistance) {
minDistance = distance;
currentSection = section;
}
});
// 只有当距离足够近时才切换左侧标签，避免过于敏感
if (currentSection && minDistance < 100 && this.leftValue.id !== currentSection.parentId) {
const parentItem = this.copyTree.find(item => item.id === currentSection.parentId);
if (parentItem) {
this.leftValue = parentItem;
// 使用更激进的防抖策略，避免频繁的左侧滚动
if (this.scrollTimer) {
clearTimeout(this.scrollTimer);
}
this.scrollTimer = setTimeout(() => {
// 只在必要时滚动左侧列表，避免频繁滚动导致的抖动
const index = this.copyTree.findIndex(i => i.id === parentItem.id);
if (index !== -1 && this.$refs.leftScroll) {
// 获取当前左侧列表的滚动位置
const currentLeftScrollTop = this.$refs.leftScroll.scrollTop || 0;
const itemHeight = 160; // 每个选项高度
const visibleHeight = 4 * itemHeight; // 可见区域高度
// 计算目标位置
const targetTop = index * itemHeight;
// 只有当目标位置不在当前可见区域内时才滚动
if (targetTop < currentLeftScrollTop || targetTop > currentLeftScrollTop + visibleHeight - itemHeight) {
let targetScrollTop = targetTop;
// 如果选中的标签在底部，确保它不会滚动出可见区域
if (targetTop > this.$refs.leftScroll.scrollHeight - visibleHeight) {
targetScrollTop = Math.max(0, this.$refs.leftScroll.scrollHeight - visibleHeight);
}
this.$refs.leftScroll.scrollTo({
top: targetScrollTop,
duration: 100 // 进一步减少滚动动画时间
});
}
}
}, 150); // 增加延迟，避免滚动冲突
}
}
}, 80); // 增加防抖延迟到80ms
},
addItem(item) {
let titiles = [];
@@ -189,6 +308,10 @@ export default {
.sex-content-left
width: 198rpx;
padding: 20rpx 0 0 0;
/* 添加硬件加速优化 */
transform: translateZ(0);
-webkit-transform: translateZ(0);
will-change: transform;
.left-list-btn
padding: 0 40rpx 0 24rpx;
display: grid;
@@ -199,6 +322,9 @@ export default {
font-size: 28rpx;
position: relative
margin-top: 60rpx
/* 优化渲染性能 */
transform: translateZ(0);
-webkit-transform: translateZ(0);
.left-list-btn:first-child
margin-top: 0
// .positionNum
@@ -227,6 +353,10 @@ export default {
// border-left: 2px solid #D9D9D9;
background: #F6F6F6;
flex: 1;
/* 添加硬件加速优化 */
transform: translateZ(0);
-webkit-transform: translateZ(0);
will-change: transform;
.grid-sex
display: grid;
grid-template-columns: 50% 50%;
@@ -244,6 +374,9 @@ export default {
margin-top: 30rpx;
background: #E8EAEE;
color: #606060;
/* 优化渲染性能 */
transform: translateZ(0);
-webkit-transform: translateZ(0);
.sex-right-btned
font-weight: 500
width: 224rpx;
@@ -251,4 +384,7 @@ export default {
background: rgba(37,107,250,0.06);
border: 2rpx solid #256BFA;
color: #256BFA
/* 优化渲染性能 */
transform: translateZ(0);
-webkit-transform: translateZ(0);
</style>

52
components/keypress/keypress.vue Normal file
View File

@@ -0,0 +1,52 @@
<!-- #ifdef H5 -->
<template>
<view></view>
</template>
<script>
// #ifdef H5
export default {
name: 'Keypress',
props: {
disable: {
type: Boolean,
default: false
}
},
mounted () {
const keyNames = {
esc: ['Esc', 'Escape'],
tab: 'Tab',
enter: 'Enter',
space: [' ', 'Spacebar'],
up: ['Up', 'ArrowUp'],
left: ['Left', 'ArrowLeft'],
right: ['Right', 'ArrowRight'],
down: ['Down', 'ArrowDown'],
delete: ['Backspace', 'Delete', 'Del']
}
const listener = ($event) => {
if (this.disable) {
return
}
const keyName = Object.keys(keyNames).find(key => {
const keyName = $event.key
const value = keyNames[key]
return value === keyName || (Array.isArray(value) && value.includes(keyName))
})
if (keyName) {
// 避免和其他按键事件冲突
setTimeout(() => {
this.$emit(keyName, {})
}, 0)
}
}
document.addEventListener('keyup', listener)
// this.$once('hook:beforeDestroy', () => {
// document.removeEventListener('keyup', listener)
// })
}
}
// #endif
</script>
<!-- #endif -->

1
components/selectFilter/selectFilter.vue
View File

@@ -206,6 +206,7 @@ defineExpose({
.popup-content {
color: #000000;
height: 80vh;
padding-bottom: 90rpx;;
}
.popup-bottom {
padding: 40rpx 28rpx 20rpx 28rpx;

13
components/selectJobs/selectJobs.vue
View File

@@ -17,6 +17,7 @@
</view>
<view class="popup-list">
<expected-station
style="height: 100%;"
:search="false"
@onChange="changeJobTitleId"
:station="state.stations"
@@ -125,6 +126,12 @@ const cleanup = () => {
};
const changeJobTitleId = (e) => {
if (!e.ids) {
count.value = 0;
JobsIdsValue.value = '';
JobsLabelValue.value = '';
return;
}
const ids = e.ids.split(',').map((id) => Number(id));
count.value = ids.length;
JobsIdsValue.value = e.ids;
@@ -147,9 +154,9 @@ function serchforIt(defaultId) {
if (state.stations.length) {
const ids = defaultId
? defaultId.split(',').map((id) => Number(id))
: userInfo.value.jobTitleId.split(',').map((id) => Number(id));
: (userInfo.value.jobTitleId ? userInfo.value.jobTitleId.split(',').map((id) => Number(id)) : []);
count.value = ids.length;
state.jobTitleId = defaultId ? defaultId : userInfo.value.jobTitleId;
state.jobTitleId = defaultId ? defaultId : (userInfo.value.jobTitleId || '');
setCheckedNodes(state.stations, ids);
state.visible = true;
return;
@@ -160,7 +167,7 @@ function serchforIt(defaultId) {
count.value = ids.length;
setCheckedNodes(resData.data, ids);
}
state.jobTitleId = userInfo.value.jobTitleId;
state.jobTitleId = userInfo.value.jobTitleId || '';
state.stations = resData.data;
state.visible = true;
});

66
components/wxAuthLogin/WxAuthLogin.vue
View File

@@ -9,7 +9,7 @@
<!-- Logo和标题 -->
<view class="auth-header">
<image class="auth-logo" src="@/static/logo.png" mode="aspectFit"></image>
<image class="auth-logo" src="@/static/logo2-S.png" mode="aspectFit"></image>
<view class="auth-title">欢迎使用就业服务</view>
<view class="auth-subtitle">需要您授权手机号登录</view>
</view>
@@ -227,65 +227,12 @@ const wxLogin = () => {
}
// #ifdef H5
// H5网页微信登录逻辑
uni.showLoading({ title: '登录中...' });
// 获取微信授权code
uni.login({
provider: 'weixin',
success: (loginRes) => {
console.log('微信登录成功：', loginRes);
// 调用后端接口进行登录
$api.createRequest('/app/appLogin', {
code: loginRes.code,
userType: userType.value
}, 'post').then((resData) => {
uni.hideLoading();
if (resData.token) {
loginSetToken(resData.token).then((resume) => {
console.log(resData, 'resData.isCompanyUser');
// 更新用户类型到缓存
if (resData.isCompanyUser) {
console.log(resData.isCompanyUser, 'resData.isCompanyUser');
const userInfo = uni.getStorageSync('userInfo') || {};
userInfo.isCompanyUser = Number(resData.isCompanyUser); // 0-企业用户，1-求职者
uni.setStorageSync('userInfo', userInfo);
}
$api.msg('登录成功');
close();
emit('success');
if (!resume.data.jobTitleId) {
if (userType.value === 1) {
// 求职者跳转到个人信息补全页面
uni.navigateTo({
url: '/pages/complete-info/complete-info?step=1'
});
} else if (userType.value === 0) {
// 招聘者跳转到企业信息补全页面
uni.navigateTo({
url: '/pages/complete-info/company-info'
});
}
}
});
} else {
$api.msg('登录失败，请重试');
}
}).catch((err) => {
uni.hideLoading();
$api.msg(err.msg || '登录失败，请重试');
});
},
fail: (err) => {
uni.hideLoading();
console.error('微信登录失败：', err);
$api.msg('微信登录失败');
}
// H5端跳转到H5登录页面
close();
uni.navigateTo({
url: '/pages/login/h5-login'
});
return;
// #endif
// #ifdef APP-PLUS
@@ -561,4 +508,3 @@ defineExpose({
button::after
border: none
</style>

3
config.js
View File

@@ -1,6 +1,7 @@
export default {
// baseUrl: 'http://39.98.44.136:8080', // 测试
baseUrl: 'http://ks.zhaopinzao8dian.com/api/ks', // 测试
baseUrl: 'http://222.80.110.161:11111/api/ks', // 测试
// baseUrl: 'http://ks.zhaopinzao8dian.com/api/ks', // 测试
LCBaseUrl:'http://10.110.145.145:9100',//招聘、培训、帮扶
LCBaseUrlInner:'http://10.110.145.145:10100',//内网端口

318
docs/H5端CSS引入问题解决方案.md
View File

@@ -1,318 +0,0 @@
# H5端CSS引入问题解决方案
## ❌ 错误提示
```
iconfont.css:1 Failed to load module script: Expected a JavaScript module script but the server responded with a MIME type of "text/css". Strict MIME type checking is enforced for module scripts per HTML spec.
```
## 🔍 问题原因
在 `main.js` 中使用了 **错误的方式** 引入CSS文件：
```javascript
// ❌ 错误：尝试将CSS作为JavaScript模块导入
import './static/iconfont/iconfont.css'
```
这种 `import` 语法在H5端会导致浏览器尝试将CSS文件作为JavaScript模块加载，从而产生MIME类型错误。
## ✅ 解决方案
### 方案一：在 App.vue 中使用 @import（推荐）
在 `App.vue` 的 `<style>` 标签中使用CSS的 `@import` 语法：
```vue
<style>
/* 引入阿里图标库 */
@import url("/static/iconfont/iconfont.css");
</style>
```
**优点：**
- ✅ 所有平台兼容（H5、小程序、App）
- ✅ 符合CSS规范
- ✅ 全局生效
### 方案二：条件编译（如果必须在 main.js 中引入）
如果确实需要在 `main.js` 中引入，使用条件编译：
```javascript
// #ifndef H5
import './static/iconfont/iconfont.css'
// #endif
```
然后在 `App.vue` 中单独为H5引入：
```vue
<style>
/* #ifdef H5 */
@import url("/static/iconfont/iconfont.css");
/* #endif */
</style>
```
## 📋 CSS引入方式对比
### JavaScript import（不推荐用于CSS）
```javascript
// ❌ 在 main.js 中
import './static/iconfont/iconfont.css'
```
**问题：**
- H5端会报MIME类型错误
- 将CSS当作JavaScript模块处理
### CSS @import（推荐）
```vue
<!-- ✅ 在 App.vue 或其他 .vue 文件中 -->
<style>
@import url("/static/iconfont/iconfont.css");
</style>
```
**优点：**
- 所有平台兼容
- 符合CSS标准
- 不会产生MIME类型错误
### 使用 <style> 标签的 src 属性（可选）
```vue
<style src="/static/iconfont/iconfont.css"></style>
```
## 🔧 修复步骤
### Step 1: 删除 main.js 中的CSS import
打开 `main.js`，找到并删除或注释掉：
```javascript
// import './static/iconfont/iconfont.css' // 删除这行
```
### Step 2: 确认 App.vue 中的引入
确保 `App.vue` 中有正确的CSS引入：
```vue
<style>
@import '@/common/animation.css';
@import '@/common/common.css';
/* 引入阿里图标库 */
@import url("/static/iconfont/iconfont.css");
</style>
```
### Step 3: 清除缓存并重新编译
1. 关闭开发服务器
2. 清除浏览器缓存
3. 重新运行 `npm run dev:h5` 或点击HBuilderX的运行按钮
## 🎯 最佳实践
### 全局CSS引入位置
**推荐顺序：**
```vue
<!-- App.vue -->
<style>
/* 1. 重置样式 / 通用样式 */
@import '@/common/reset.css';
@import '@/common/common.css';
/* 2. 第三方库样式 */
@import url("/static/iconfont/iconfont.css");
/* 3. 动画效果 */
@import '@/common/animation.css';
/* 4. 项目全局样式 */
/* 自定义全局样式 */
</style>
```
### 路径写法
**绝对路径（推荐）：**
```css
@import url("/static/iconfont/iconfont.css");
```
**相对路径：**
```css
@import url("./static/iconfont/iconfont.css");
@import url("@/static/iconfont/iconfont.css");
```
**注意：** 在不同平台上路径解析可能有差异，推荐使用绝对路径。
## 🚫 常见错误
### 错误1：在 main.js 中 import CSS
```javascript
// ❌ 错误
import './styles/global.css'
import '@/static/iconfont/iconfont.css'
```
**解决：** 改用 App.vue 的 `@import`
### 错误2：路径不正确
```css
/* ❌ 错误：路径错误 */
@import url("static/iconfont/iconfont.css");
/* ✅ 正确：使用正确的路径 */
@import url("/static/iconfont/iconfont.css");
```
### 错误3：缺少分号
```css
/* ❌ 错误：缺少分号 */
@import url("/static/iconfont/iconfont.css")
/* ✅ 正确：添加分号 */
@import url("/static/iconfont/iconfont.css");
```
### 错误4：在 scoped 样式中引入
```vue
<!-- ❌ 不推荐：在 scoped 样式中引入全局CSS -->
<style scoped>
@import url("/static/iconfont/iconfont.css");
</style>
<!-- ✅ 推荐：全局样式不要加 scoped -->
<style>
@import url("/static/iconfont/iconfont.css");
</style>
```
## 📊 平台兼容性
| 引入方式 | H5 | 小程序 | App | 推荐 |
|---------|----|----|-----|-----|
| main.js import | ❌ | ✅ | ✅ | ❌ |
| App.vue @import | ✅ | ✅ | ✅ | ✅ |
| style src | ✅ | ✅ | ✅ | ✅ |
| 条件编译 | ✅ | ✅ | ✅ | ⚠️ |
## 🔍 调试方法
### 1. 检查CSS是否加载
在浏览器开发者工具中：
```
F12 → Network → Filter: CSS → 查找 iconfont.css
```
**成功标志：**
- 状态码：200
- Type: stylesheet
- Size: 文件大小正常
### 2. 检查字体文件
```
F12 → Network → Filter: Font → 查找 iconfont.ttf/woff
```
### 3. 检查控制台错误
```
F12 → Console → 查看是否有错误信息
```
### 4. 验证样式生效
```javascript
// 在控制台执行
document.querySelector('.iconfont')
// 应该能找到使用了 iconfont 类的元素
```
## ✅ 验证成功
修复后，应该看到：
1. ✅ H5端控制台无CSS加载错误
2. ✅ 图标正常显示
3. ✅ Network 中 iconfont.css 状态码为 200
4. ✅ 字体文件正常加载
## 📝 注意事项
### uni-app 项目特点
1. **多平台编译**
- H5端使用浏览器标准
- 小程序有自己的规范
- App使用原生渲染
2. **路径处理**
- `@/` 代表项目根目录
- `/static/` 代表静态资源目录
- 不同平台路径解析略有差异
3. **样式隔离**
- `scoped` 样式只在当前组件生效
- 全局样式在 App.vue 中引入
- 不要在 scoped 中引入全局CSS
### Vite 项目特点
如果使用 Vite 构建（HBuilderX 3.2+）：
```javascript
// main.js 中可以使用（但不推荐）
import './static/iconfont/iconfont.css'
```
但为了兼容性，仍然推荐在 App.vue 中使用 `@import`。
## 🎉 总结
### 问题
在 `main.js` 中使用 `import` 引入CSS导致H5端报错。
### 解决
1. ✅ 删除 `main.js` 中的 CSS import
2. ✅ 在 `App.vue` 的 `<style>` 中使用 `@import`
3. ✅ 重启开发服务器
### 最佳实践
- 所有全局CSS在 `App.vue` 中通过 `@import` 引入
- 使用绝对路径：`/static/...`
- 不要在 `scoped` 样式中引入全局CSS
- 保持引入顺序：重置 → 第三方 → 动画 → 自定义
## 📚 相关文档
- [uni-app 样式导入](https://uniapp.dcloud.net.cn/tutorial/syntax-css.html#%E6%A0%B7%E5%BC%8F%E5%AF%BC%E5%85%A5)
- [CSS @import](https://developer.mozilla.org/zh-CN/docs/Web/CSS/@import)
- [Vite 静态资源处理](https://cn.vitejs.dev/guide/assets.html)
---
**该问题已解决！** 🎉
现在H5端应该可以正常加载CSS文件了。如果还有问题，请检查：
1. 文件路径是否正确
2. 是否清除了浏览器缓存
3. 是否重启了开发服务器

207
docs/企业地址选择功能说明.md
View File

@@ -1,207 +0,0 @@
# 企业地址选择功能说明
## 功能概述
在企业信息补全页面（company-info.vue）中，点击"企业注册地点"字段的箭头时，会弹出一个五级联动选择器，用户可以选择省市区县街道社区的完整地址。
## 实现的功能
### 1. 五级联动选择
- **省级选择**：选择省/直辖市/自治区
- **市级选择**：根据选择的省，显示对应的市/地区
- **区县选择**：根据选择的市，显示对应的区/县
- **街道选择**：根据选择的区县，显示对应的街道/乡镇
- **社区选择**：根据选择的街道，显示对应的社区/居委会
### 2. 联动逻辑
- 当选择省级时，自动更新并重置市级及以下选项
- 当选择市级时，自动更新并重置区县及以下选项
- 当选择区县时，自动更新并重置街道及以下选项
- 当选择街道时，自动更新社区选项
- 所有联动过程均实时响应，无需额外操作
### 3. 地址格式
- 选择完成后，地址格式为：`省/市/区/街道/社区`
- 示例：`新疆维吾尔自治区/喀什地区/喀什市/学府街道/学府社区居委会`
- 地址各级信息都会保存，包括代码和名称
### 4. 数据存储
- 保存完整的地址字符串（`registeredAddress`）
- 保存各级行政区划代码和名称：
- 省：`provinceCode`、`provinceName`
- 市：`cityCode`、`cityName`
- 区县：`districtCode`、`districtName`
- 街道：`streetCode`、`streetName`
- 社区：`communityCode`、`communityName`
## 技术实现
### 组件架构
- **组件名称**：`area-cascade-picker`
- **组件位置**：`components/area-cascade-picker/area-cascade-picker.vue`
- **依赖组件**：`uni-popup`（uni-app官方弹窗组件）
### 核心技术
- **picker-view**：uni-app的多列选择器组件
- **五级联动**：通过监听选择变化，动态更新下级选项
- **树形数据结构**：地区数据采用嵌套的树形结构，每级都有`children`属性
### 数据格式
```javascript
{
code: '650000', // 行政区划代码
name: '新疆维吾尔自治区', // 名称
children: [ // 下级行政区
{
code: '653100',
name: '喀什地区',
children: [...]
}
]
}
```
### 数据流程
1. **打开地址选择器**
```javascript
// company-info.vue
const selectLocation = () => {
areaPicker.value?.open({
title: '选择企业注册地点',
maskClick: true,
success: (addressData) => {
// 处理选择结果
formData.registeredAddress = addressData.address
// 保存各级信息
formData.provinceCode = addressData.province?.code
formData.provinceName = addressData.province?.name
// ... 其他字段
}
})
}
```
2. **选择地址过程**
```javascript
// area-cascade-picker.vue
bindChange(e) {
// 检测哪一级发生变化
// 更新对应级别及其下级的选项列表
// 触发change回调（可选）
}
```
3. **确认选择**
```javascript
// area-cascade-picker.vue
confirm() {
const addressData = {
address: '新疆维吾尔自治区/喀什地区/喀什市/学府街道/学府社区居委会',
province: { code: '650000', name: '新疆维吾尔自治区' },
city: { code: '653100', name: '喀什地区' },
district: { code: '653101', name: '喀什市' },
street: { code: '65310101', name: '学府街道' },
community: { code: '6531010101', name: '学府社区居委会' }
}
// 调用success回调
callback(addressData)
}
```
## 文件结构
```
components/
└── area-cascade-picker/
└── area-cascade-picker.vue # 五级联动地址选择组件
pages/complete-info/
└── company-info.vue # 企业信息补全页面
```
## 数据字段
在 `company-info.vue` 的 `formData` 中的地址相关字段：
- `registeredAddress`: string - 完整地址（格式：省/市/区/街道/社区）
- `registeredAddressName`: string - 地址名称
- `provinceCode`: string - 省级行政区划代码
- `provinceName`: string - 省级名称
- `cityCode`: string - 市级行政区划代码
- `cityName`: string - 市级名称
- `districtCode`: string - 区县行政区划代码
- `districtName`: string - 区县名称
- `streetCode`: string - 街道行政区划代码
- `streetName`: string - 街道名称
- `communityCode`: string - 社区行政区划代码
- `communityName`: string - 社区名称
## 使用方法
### 用户操作流程
1. 在企业信息页面，点击"企业注册地点"右侧的箭头图标
2. 弹出五级联动地址选择器
3. 依次选择：
- 第一列：选择省/直辖市/自治区
- 第二列：选择市/地区（根据第一列自动更新）
- 第三列：选择区/县（根据第二列自动更新）
- 第四列：选择街道/乡镇（根据第三列自动更新）
- 第五列：选择社区/居委会（根据第四列自动更新）
4. 确认选择无误后，点击右上角"确认"按钮
5. 选择器关闭，地址自动填充到表单中
### 界面说明
- **顶部标题栏**：
- 左侧"取消"按钮：关闭选择器，不保存
- 中间标题：显示"选择企业注册地点"
- 右侧"确认"按钮：确认选择并保存
- **五列选择器**：
- 每列显示当前级别的所有选项
- 可上下滑动选择
- 选中项高亮显示
- 各列之间自动联动
## 注意事项
1. **数据来源**：
- 当前使用本地模拟数据，包含主要城市的五级地址
- 生产环境建议接入后端API，提供完整的全国地址数据
- 后端API接口：`/app/common/area/cascade`（需要实现）
2. **数据格式要求**：
- 必须是树形结构，每级通过`children`属性嵌套
- 每个节点必须包含`code`（行政区划代码）和`name`（名称）
- 最深五级：省 → 市 → 区县 → 街道 → 社区
3. **性能考虑**：
- 地址数据量大时，建议使用懒加载方式
- 可以先加载省市区，街道和社区按需加载
- 考虑使用缓存机制，避免重复加载
4. **兼容性**：
- 支持H5、微信小程序等多端
- 使用uni-app原生组件，兼容性好
## 后续优化建议
1. **数据优化**：
- 接入后端API，提供完整的全国地址数据
- 实现地址数据的懒加载
- 添加地址数据缓存机制
2. **功能增强**：
- 支持默认值回显（编辑时显示已选地址）
- 添加搜索功能，快速定位地址
- 支持手动输入详细地址（如门牌号）
- 增加常用地址保存功能
3. **用户体验**：
- 优化滑动选择的流畅度
- 添加选择预览功能
- 支持快速选择最近使用的地址
4. **数据扩展**：
- 支持国际地址选择
- 添加邮政编码自动填充
- 提供经纬度坐标（结合地理编码服务）

117
docs/企业我的页面功能说明.md
View File

@@ -1,117 +0,0 @@
# 企业我的页面功能说明
## 功能概述
本功能为企业用户提供了专门的"我的"页面和企业信息展示页面，实现了根据用户类型显示不同内容的功能。
## 页面结构
### 1. 企业我的页面 (`pages/mine/company-mine.vue`)
- **功能**: 企业用户的个人中心页面
- **特点**:
- 显示企业头像、名称和信息完整度
- 包含服务专区（实名认证、通知与提醒）
- 提供退出登录功能
- 点击头像区域可跳转到企业信息页面
### 2. 企业信息展示页面 (`pages/mine/company-info.vue`)
- **功能**: 显示详细的企业信息
- **特点**:
- 显示企业头像编辑功能
- 展示完整的企业信息（名称、统一社会代码、注册地点等）
- 支持编辑各项企业信息
- 包含企业联系人和法人信息
### 3. 修改后的我的页面 (`pages/mine/mine.vue`)
- **功能**: 根据用户类型显示不同的内容
- **特点**:
- 企业用户显示企业信息卡片
- 求职者用户显示个人简历信息
- 自动根据 `userInfo.isCompanyUser` 字段判断用户类型
## 用户类型判断
系统通过 `userInfo.isCompanyUser` 字段来判断用户类型：
- `0` = 企业用户
- `1` = 求职者
- `2` = 网格员
- `3` = 政府人员
## 页面跳转逻辑
### 从我的页面跳转
- **企业用户**: 点击头像区域 → 跳转到企业信息页面 (`/pages/mine/company-info`)
- **求职者用户**: 点击头像区域 → 跳转到简历页面 (`/packageA/pages/myResume/myResume`)
### 企业信息页面功能
- 点击头像 → 编辑头像（调用相册选择图片）
- 点击各项信息 → 跳转到对应的编辑页面（需要后续开发）
## 路由配置
新增的路由配置：
```json
{
"path": "pages/mine/company-mine",
"style": {
"navigationBarTitleText": "我的",
"navigationStyle": "custom"
}
},
{
"path": "pages/mine/company-info",
"style": {
"navigationBarTitleText": "企业信息",
"navigationStyle": "custom"
}
}
```
## 测试页面
创建了测试页面 `pages/test/company-mine-test.vue` 用于测试功能：
- 用户类型切换测试
- 页面跳转测试
- 用户信息显示
## 样式特点
### 企业信息卡片
- 白色背景，圆角设计
- 阴影效果，现代化UI
- 头像圆形显示
- 信息完整度显示
### 企业信息页面
- 清晰的信息层级
- 可点击的编辑区域
- 统一的视觉风格
## 数据流
1. 用户登录时设置 `userInfo.isCompanyUser` 字段
2. 我的页面根据此字段判断显示内容
3. 企业用户点击头像跳转到企业信息页面
4. 企业信息页面展示详细的企业数据
## 后续开发建议
1. **编辑功能**: 为每个信息项创建对应的编辑页面
2. **数据接口**: 连接真实的企业信息API
3. **头像上传**: 完善头像上传功能
4. **表单验证**: 添加企业信息编辑的表单验证
5. **权限控制**: 根据用户权限控制可编辑的字段
## 使用方法
1. 在测试页面切换用户类型为企业用户
2. 访问我的页面，查看企业信息卡片
3. 点击头像区域跳转到企业信息页面
4. 在企业信息页面查看详细的企业信息
## 注意事项
- 确保用户类型字段正确设置
- 企业信息数据需要从后端API获取
- 头像上传功能需要配置服务器接口
- 编辑页面需要根据实际需求进行开发

187
docs/企业搜索功能实现说明.md
View File

@@ -1,187 +0,0 @@
# 企业搜索功能实现说明
## 功能概述
根据用户类型对发布岗位页面的"招聘公司"输入框进行不同的交互处理：
- **企业用户**：直接输入公司名称
- **网格员**：点击输入框跳转到企业搜索页面，支持模糊查询
## 实现细节
### 1. 用户类型判断
通过 `userInfo.isCompanyUser` 字段判断用户类型：
- `0`: 企业用户
- `1`: 求职者
- `2`: 网格员
- `3`: 政府人员
### 2. 页面修改
#### 发布岗位页面 (`pages/job/publishJob.vue`)
**模板修改：**
```vue
<!-- 企业用户：直接输入 -->
<input
v-if="isCompanyUser"
class="input"
placeholder="请输入公司名称"
v-model="formData.companyName"
/>
<!-- 网格员：点击跳转到搜索页面 -->
<view
v-else
class="company-selector"
@click="openCompanySearch"
>
<view class="selector-text" :class="{ 'placeholder': !formData.companyName }">
{{ formData.companyName || '请选择企业' }}
</view>
<view class="selector-icon">
<view class="arrow-icon">></view>
</view>
</view>
```
**脚本修改：**
- 添加用户类型判断逻辑
- 添加打开企业搜索页面的方法
- 添加页面显示时处理返回数据的逻辑
#### 企业搜索页面 (`pages/job/companySearch.vue`)
**功能特性：**
- 搜索框支持实时输入
- 防抖节流：500ms延迟执行搜索
- 调用接口：`/app/company/likeList`，参数：`name`
- 支持企业选择和数据回传
- 空状态和加载状态处理
**核心代码：**
```javascript
// 防抖搜索
const onSearchInput = () => {
if (debounceTimer) {
clearTimeout(debounceTimer);
}
debounceTimer = setTimeout(() => {
if (searchKeyword.value.trim()) {
searchCompanies();
} else {
searchResults.value = [];
}
}, 500);
};
// 搜索企业
const searchCompanies = async () => {
const response = await createRequest('/app/company/likeList', {
name: searchKeyword.value.trim()
}, 'GET', false);
if (response.code === 200) {
searchResults.value = response.data || [];
}
};
// 选择企业
const selectCompany = (company) => {
uni.navigateBack({
success: () => {
getApp().globalData = getApp().globalData || {};
getApp().globalData.selectedCompany = company;
}
});
};
```
### 3. 数据传递
使用全局数据传递选中的企业信息：
**企业搜索页面：**
```javascript
// 选择企业后设置全局数据
getApp().globalData.selectedCompany = company;
```
**发布岗位页面：**
```javascript
// 页面显示时检查全局数据
onShow(() => {
const app = getApp();
if (app.globalData && app.globalData.selectedCompany) {
const selectedCompany = app.globalData.selectedCompany;
formData.companyName = selectedCompany.name;
formData.companyId = selectedCompany.id;
// 清除全局数据
app.globalData.selectedCompany = null;
}
});
```
### 4. 页面配置
在 `pages.json` 中添加了企业搜索页面配置：
```json
{
"path": "pages/job/companySearch",
"style": {
"navigationBarTitleText": "选择企业",
"navigationStyle": "custom",
"disableScroll": false,
"enablePullDownRefresh": false,
"backgroundColor": "#f5f5f5"
}
}
```
### 5. 测试页面
创建了测试页面 `pages/test/company-search-test.vue` 用于验证功能：
- 用户类型切换
- 功能说明展示
- 直接跳转到发布岗位页面测试
## 使用说明
### 企业用户
1. 进入发布岗位页面
2. 招聘公司输入框为普通输入框
3. 直接输入公司名称
### 网格员
1. 进入发布岗位页面
2. 点击"招聘公司"输入框
3. 跳转到企业搜索页面
4. 输入企业名称进行搜索（支持防抖）
5. 选择企业后自动返回
6. 企业名称显示在输入框中
## 技术特点
1. **防抖节流**：搜索输入500ms延迟，避免频繁请求
2. **用户类型判断**：根据 `isCompanyUser` 字段动态显示不同交互
3. **数据传递**：使用全局数据实现页面间数据传递
4. **响应式设计**：支持不同屏幕尺寸
5. **错误处理**：完善的错误提示和空状态处理
## 接口说明
**搜索企业接口：**
- 地址：`/app/company/likeList`
- 方法：`GET`
- 参数：`name` (企业名称)
- 返回：企业列表数据
## 注意事项
1. 确保用户类型字段 `isCompanyUser` 正确设置
2. 搜索接口需要支持模糊查询
3. 企业数据需要包含 `id` 和 `name` 字段
4. 防抖时间可根据实际需求调整

284
docs/微信小程序组件依赖问题解决方案.md
View File

@@ -1,284 +0,0 @@
# 微信小程序组件依赖问题解决方案
## 问题描述
```
components/IconfontIcon/IconfontIcon.js 已被代码依赖分析忽略，无法被其他模块引用。
你可根据控制台中的【代码依赖分析】告警信息修改代码，或关闭【过滤无依赖文件】功能。
```
## 问题原因
1. **组件未被正确引用** - 组件文件存在但没有被任何页面或组件引用
2. **缺少 easycom 配置** - uni-app 项目需要在 `pages.json` 中配置组件自动引入
3. **文件路径问题** - 组件路径不正确或文件名不匹配
## ✅ 解决方案
### 方案一：配置 easycom 自动引入（推荐）✨
在 `pages.json` 中添加 `easycom` 配置：
```json
{
"easycom": {
"autoscan": true,
"custom": {
"^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue",
"^IconfontIcon$": "@/components/IconfontIcon/IconfontIcon.vue",
"^WxAuthLogin$": "@/components/WxAuthLogin/WxAuthLogin.vue"
}
}
}
```
**配置说明：**
- `autoscan: true` - 自动扫描 `components` 目录
- `custom` - 自定义组件路径映射
- `^IconfontIcon$` - 组件名称（大小写敏感）
- 配置后无需 import，直接在模板中使用
**使用方式：**
```vue
<template>
<!-- 无需 import，直接使用 -->
<IconfontIcon name="home" :size="48" />
<WxAuthLogin ref="loginRef" />
</template>
```
### 方案二：手动引入组件
如果不想使用 easycom，可以在需要的页面手动引入：
```vue
<script setup>
import IconfontIcon from '@/components/IconfontIcon/IconfontIcon.vue'
</script>
<template>
<IconfontIcon name="home" />
</template>
```
### 方案三：关闭"过滤无依赖文件"功能
如果组件确实暂时不需要使用，可以在微信开发者工具中关闭此功能：
1. 打开微信开发者工具
2. 点击右上角"详情"
3. 找到"本地设置"标签
4. 取消勾选"过滤无依赖文件"
**注意：** 不推荐此方法，因为会增加打包体积。
## 🔧 完整操作步骤
### Step 1: 确认文件结构
确保组件文件存在且路径正确：
```
components/
├── IconfontIcon/
│ └── IconfontIcon.vue ✅ 文件存在
└── WxAuthLogin/
└── WxAuthLogin.vue ✅ 文件存在
```
### Step 2: 修改 pages.json
已为你自动添加了 easycom 配置，位置在 `globalStyle` 后面。
### Step 3: 重启微信开发者工具
1. 关闭微信开发者工具
2. 重新打开项目
3. 等待编译完成
### Step 4: 清除缓存
如果问题仍然存在：
1. 点击顶部菜单"工具" → "清除缓存"
2. 选择"清除文件缓存"
3. 重新编译项目
### Step 5: 验证组件可用
在任意页面中测试：
```vue
<template>
<view>
<IconfontIcon name="home" :size="48" color="#13C57C" />
</view>
</template>
<script setup>
// 使用 easycom 后无需 import
</script>
```
## 📋 配置详解
### easycom 规则说明
```json
{
"easycom": {
// 是否自动扫描 components 目录
"autoscan": true,
// 自定义规则
"custom": {
// 格式: "匹配规则": "组件路径"
"^IconfontIcon$": "@/components/IconfontIcon/IconfontIcon.vue"
}
}
}
```
**匹配规则说明：**
- `^` - 字符串开始
- `$` - 字符串结束
- `^IconfontIcon$` - 精确匹配 `IconfontIcon`
- `^uni-(.*)` - 匹配所有 `uni-` 开头的组件
### 组件命名规范
**推荐命名：**
- ✅ `IconfontIcon` - 大驼峰命名
- ✅ `WxAuthLogin` - 大驼峰命名
- ✅ `MyCustomComponent` - 大驼峰命名
**不推荐：**
- ❌ `iconfontIcon` - 小驼峰
- ❌ `iconfont-icon` - 短横线
- ❌ `Iconfont_Icon` - 下划线
## 🎯 常见问题
### Q1: 配置后仍然报错？
**解决方法：**
1. 检查 `pages.json` 语法是否正确（JSON格式）
2. 确认组件路径是否正确
3. 重启微信开发者工具
4. 清除缓存后重新编译
### Q2: 组件找不到？
**检查清单：**
- [ ] 文件路径是否正确：`@/components/IconfontIcon/IconfontIcon.vue`
- [ ] 文件名大小写是否一致
- [ ] 组件名称是否与配置匹配
- [ ] 是否重启了开发者工具
### Q3: 在页面中使用组件报错？
**常见原因：**
```vue
<!-- ❌ 错误：使用了短横线命名 -->
<iconfont-icon name="home" />
<!-- ✅ 正确：使用大驼峰命名 -->
<IconfontIcon name="home" />
```
### Q4: 多个组件如何配置？
```json
{
"easycom": {
"autoscan": true,
"custom": {
"^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue",
"^IconfontIcon$": "@/components/IconfontIcon/IconfontIcon.vue",
"^WxAuthLogin$": "@/components/WxAuthLogin/WxAuthLogin.vue",
"^CustomButton$": "@/components/CustomButton/CustomButton.vue"
}
}
}
```
### Q5: autoscan 和 custom 的区别？
**autoscan（自动扫描）：**
```
components/
├── CustomButton/
│ └── CustomButton.vue → 自动识别为 <CustomButton>
├── MyCard/
│ └── MyCard.vue → 自动识别为 <MyCard>
```
**custom（自定义规则）：**
```json
{
"custom": {
"^Button$": "@/components/CustomButton/CustomButton.vue"
}
}
```
使用 `<Button>` 会映射到 `CustomButton.vue`
## 🔍 调试方法
### 1. 查看编译日志
在微信开发者工具控制台查看编译信息：
```
点击顶部"编译" → 查看控制台输出
```
### 2. 检查组件是否被打包
1. 打开"详情" → "本地设置"
2. 查看"代码依赖分析"信息
3. 确认组件是否在依赖树中
### 3. 手动引入测试
```vue
<script setup>
// 临时测试：手动引入
import IconfontIcon from '@/components/IconfontIcon/IconfontIcon.vue'
console.log('组件加载成功:', IconfontIcon)
</script>
```
## ✅ 验证成功标志
配置成功后，应该看到：
1. ✅ 微信开发者工具控制台无警告
2. ✅ 组件可以正常显示
3. ✅ 无需 import 即可使用
4. ✅ 组件出现在代码依赖分析中
## 📚 相关文档
- [uni-app easycom 文档](https://uniapp.dcloud.net.cn/collocation/pages.html#easycom)
- [微信小程序代码依赖分析](https://developers.weixin.qq.com/miniprogram/dev/devtools/codecompile.html)
- [组件化开发文档](https://uniapp.dcloud.net.cn/tutorial/vue3-components.html)
## 🎉 总结
该问题已通过以下方式解决：
1. ✅ 在 `pages.json` 中添加了 `easycom` 配置
2. ✅ 配置了 `IconfontIcon` 和 `WxAuthLogin` 组件的自动引入
3. ✅ 组件现在可以在任何页面中直接使用，无需 import
**下一步：**
- 重启微信开发者工具
- 清除缓存
- 开始使用组件
如果问题仍然存在，请检查：
1. 文件路径是否正确
2. 文件名大小写是否一致
3. pages.json 语法是否正确
4. 是否已重启开发者工具

321
docs/微信授权登录功能说明.md
View File

@@ -1,321 +0,0 @@
# 微信授权登录功能说明
## 功能概述
本次开发实现了微信授权登录功能，当用户点击首页的特定功能时，会检查用户是否已登录，如果未登录则弹出授权弹窗，而不是直接跳转到登录页面。
## 主要功能点
### 1. 需要登录验证的功能入口
以下功能在点击时会进行登录验证：
- **附近工作** - 点击后跳转到附近工作列表页
- **九宫格服务功能** - 包含9个服务项：
- 服务指导
- 事业单位招录
- 简历制作
- 劳动政策指引
- 技能培训信息
- 技能评价指引
- 题库和考试
- 素质测评
- AI智能面试
- **职位列表** - 点击任意职位卡片查看详情
### 2. 登录弹窗功能
#### 弹窗特性
- 使用 `uni-popup` 组件实现弹窗效果
- 弹窗居中显示，支持关闭按钮
- 不可点击遮罩关闭，确保用户必须做出选择
#### 弹窗内容
- **Logo和标题** - 显示应用logo和欢迎信息
- **授权说明** - 列出三个要点：
- 保护您的个人信息安全
- 为您推荐更合适的岗位
- 享受完整的就业服务
- **授权按钮**：
- 微信小程序：使用 `open-type="getPhoneNumber"` 获取手机号
- H5/App：使用微信登录接口
- 测试登录按钮（仅H5/App环境显示）
- **用户协议** - 显示用户协议和隐私政策链接
### 3. 登录流程
#### 微信小程序登录流程
1. 用户点击"微信授权登录"按钮
2. 触发微信小程序的手机号授权
3. 获取到 `code`、`encryptedData`、`iv`
4. 调用后端 `/app/wxLogin` 接口
5. 后端返回 `token`
6. 存储 `token` 并获取用户信息
7. 如果用户信息不完整，跳转到完善信息页面
8. 关闭弹窗，继续用户之前的操作
#### H5/App登录流程
1. 用户点击"微信授权登录"按钮
2. 调用 `uni.login` 获取微信授权 `code`
3. 调用后端 `/app/wxLogin` 接口
4. 后续流程同上
#### 测试登录流程（仅开发环境）
1. 用户点击"测试账号登录"按钮
2. 使用测试账号密码登录
3. 后续流程同上
### 4. 登录状态管理
#### 状态恢复
- 应用启动时自动从本地缓存恢复用户信息
- 验证 `token` 是否有效
- 如果 `token` 失效，清除缓存但不跳转登录页
#### 状态检查
- 使用 `checkLogin()` 函数统一检查登录状态
- 检查 `token` 是否存在
- 检查 `hasLogin` 状态
- 如果未登录，自动打开授权弹窗
## 文件结构
```
ks-app-employment-service/
├── components/
│ └── WxAuthLogin/
│ └── WxAuthLogin.vue # 微信授权登录弹窗组件
├── pages/
│ └── index/
│ └── components/
│ └── index-one.vue # 首页组件（已修改）
├── stores/
│ └── useUserStore.js # 用户状态管理（已修改）
├── App.vue # 应用入口（已修改）
└── docs/
└── 微信授权登录功能说明.md # 本文档
```
## 核心代码说明
### 1. WxAuthLogin.vue 组件
这是一个可复用的微信授权登录弹窗组件，提供以下接口：
**Props**
- 无
**Events**
- `success` - 登录成功时触发
- `cancel` - 取消登录时触发
**Methods**
- `open()` - 打开弹窗
- `close()` - 关闭弹窗
**使用示例**
```vue
<template>
<WxAuthLogin ref="wxAuthLoginRef" @success="handleLoginSuccess" />
</template>
<script setup>
import WxAuthLogin from '@/components/WxAuthLogin/WxAuthLogin.vue';
const wxAuthLoginRef = ref(null);
const handleLoginSuccess = () => {
console.log('登录成功');
// 执行登录后的操作
};
// 打开登录弹窗
const showLogin = () => {
wxAuthLoginRef.value?.open();
};
</script>
```
### 2. 登录检查函数
在 `index-one.vue` 中添加了统一的登录检查函数：
```javascript
// 登录检查函数
const checkLogin = () => {
const tokenValue = uni.getStorageSync('token') || '';
if (!tokenValue || !hasLogin.value) {
// 未登录，打开授权弹窗
wxAuthLoginRef.value?.open();
return false;
}
return true;
};
```
### 3. 点击事件处理
所有需要登录的功能都使用统一的检查逻辑：
```javascript
// 处理附近工作点击
const handleNearbyClick = () => {
if (checkLogin()) {
navTo('/pages/nearby/nearby');
}
};
// 处理服务功能点击
const handleServiceClick = (serviceType) => {
if (checkLogin()) {
navToService(serviceType);
}
};
// 处理职位详情点击
function nextDetail(job) {
if (checkLogin()) {
// 记录岗位类型，用作数据分析
if (job.jobCategory) {
const recordData = recommedIndexDb.JobParameter(job);
recommedIndexDb.addRecord(recordData);
}
navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}`);
}
}
```
### 4. 状态管理优化
在 `useUserStore.js` 中优化了 `logOut` 函数：
```javascript
const logOut = (redirect = true) => {
hasLogin.value = false;
token.value = ''
resume.value = {}
userInfo.value = {}
role.value = {}
uni.removeStorageSync('userInfo')
uni.removeStorageSync('token')
// 只有在明确需要跳转时才跳转到补全信息页
if (redirect) {
uni.redirectTo({
url: '/pages/complete-info/complete-info',
});
}
}
```
## 后端接口要求
### 1. 微信登录接口
**接口地址**: `/app/appLogin`
**请求方法**: `POST`
**请求参数**:
#### 微信小程序
```json
{
"code": "string", // 微信登录凭证
"encryptedData": "string", // 加密数据
"iv": "string" // 加密算法初始向量
}
```
#### H5/App
```json
{
"code": "string" // 微信登录凭证
}
```
**返回数据**:
```json
{
"token": "string", // 用户token
"msg": "string", // 返回消息
"code": 200 // 状态码
}
```
### 2. 获取用户信息接口
**接口地址**: `/app/user/resume`
**请求方法**: `GET`
**请求头**: `Authorization: Bearer {token}`
**返回数据**:
```json
{
"code": 200,
"data": {
"name": "string",
"phone": "string",
"jobTitle": ["string"],
"jobTitleId": "string",
// ... 其他用户信息
}
}
```
## 注意事项
1. **小程序配置**
- 需要在微信小程序后台配置服务器域名
- 需要申请手机号授权权限
2. **H5配置**
- 需要配置微信公众号的授权回调域名
- 需要引入微信JSSDK
3. **安全性**
- Token存储在本地缓存中，注意加密
- 敏感操作前需要重新验证token有效性
4. **用户体验**
- 登录弹窗不可通过点击遮罩关闭，确保用户必须做出选择
- 提供测试登录按钮方便开发调试
- 登录成功后自动刷新数据
5. **兼容性**
- 使用条件编译确保在不同平台上正常运行
- 小程序、H5、App使用不同的登录逻辑
## 测试建议
### 功能测试
1. 未登录状态点击"附近工作"，应弹出登录弹窗
2. 未登录状态点击九宫格任意服务，应弹出登录弹窗
3. 未登录状态点击职位列表，应弹出登录弹窗
4. 登录成功后，能够正常访问所有功能
5. 关闭登录弹窗后，不会自动跳转到登录页
### 登录流程测试
1. 微信小程序：测试手机号授权流程
2. H5：测试微信网页授权流程
3. 测试账号登录功能（开发环境）
4. 测试登录失败的错误提示
5. 测试用户取消授权的处理
### 状态管理测试
1. 测试应用重启后登录状态的恢复
2. 测试token失效后的处理
3. 测试退出登录功能
4. 测试多次登录的状态切换
## 更新日志
### v1.0.0 (2024-10-20)
- 创建微信授权登录弹窗组件
- 添加登录状态检查逻辑
- 优化用户状态管理
- 更新首页各功能的登录验证
- 完善登录流程和错误处理
## 开发者
- 开发时间: 2024-10-20
- 涉及模块: 登录模块、首页模块、用户状态管理

138
docs/编译器内存溢出解决方案.md
View File

@@ -1,138 +0,0 @@
# 编译器内存溢出解决方案
## 问题描述
编译时出现 `FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory` 错误，表示 Node.js 内存不足。
## 解决方案
### 方案一：增加 Node.js 内存限制（推荐）
#### 在 HBuilderX 中设置
1. **修改 HBuilderX 配置文件**
- 关闭 HBuilderX
- 找到 HBuilderX 安装目录
- 打开 `HBuilderX\plugins\node\node_modules\@dcloudio\vite-plugin-uni\dist` 目录
- 或者在项目根目录创建 `vue.config.js` 文件
2. **创建或修改项目根目录下的 `vue.config.js`**
```javascript
module.exports = {
transpileDependencies: [],
// 增加 Node.js 内存限制
configureWebpack: {
devServer: {
disableHostCheck: true
}
}
}
```
3. **修改 HBuilderX 启动配置**
- 找到 HBuilderX 安装目录
- 编辑 `HBuilderX.exe` 的启动参数
- 创建一个批处理文件 `start-hbuilderx.bat`：
```bat
@echo off
set NODE_OPTIONS=--max-old-space-size=8192
start "" "HBuilderX安装路径\HBuilderX.exe"
```
- 将内存设置为 8GB（8192MB），可根据实际情况调整为 4096、8192 或更大
#### 在命令行中运行（如果使用 CLI）
如果您使用命令行方式编译，可以设置环境变量：
**Windows PowerShell：**
```powershell
$env:NODE_OPTIONS="--max-old-space-size=8192"
```
**Windows CMD：**
```cmd
set NODE_OPTIONS=--max-old-space-size=8192
```
**永久设置（Windows 系统环境变量）：**
1. 右键"此电脑" → "属性" → "高级系统设置" → "环境变量"
2. 在"用户变量"或"系统变量"中新建变量：
- 变量名：`NODE_OPTIONS`
- 变量值：`--max-old-space-size=8192`
3. 重启 HBuilderX
### 方案二：清理缓存
1. **清理 HBuilderX 缓存**
- 在 HBuilderX 中：运行 → 清理项目缓存
- 或者手动删除 `unpackage` 目录
2. **删除 node_modules 并重新安装**
```powershell
Remove-Item -Recurse -Force node_modules
# 如果有 package.json，重新安装依赖
npm install
```
### 方案三：优化项目
1. **检查大文件**
- 检查 `static` 目录下是否有过大的图片或资源文件
- 当前项目中有 85 个 icon 图片，建议：
- 压缩图片文件
- 使用雪碧图或字体图标代替多个小图标
- 将不常用的资源移到云存储
2. **检查第三方库**
- 检查 `lib` 目录中的第三方库是否必需
- 当前已引入的库：
- dompurify@3.2.4es.js
- markdown-it.min.js
- highlight-uni.min.js
- lunar-javascript@1.7.2.js
- string-similarity.min.js
- 考虑按需引入或延迟加载
3. **优化编译配置**
在 `manifest.json` 中的 `h5.optimization` 已启用 `treeShaking`，这很好。
4. **分包加载**
- 已使用 `packageA` 分包，继续保持
- 考虑将更多页面移到分包中
### 方案四：升级 HBuilderX
确保使用最新版本的 HBuilderX，新版本通常有更好的内存管理。
## 推荐操作步骤
1. **立即执行：** 设置 `NODE_OPTIONS` 环境变量为 `--max-old-space-size=8192`
2. **清理缓存：** 在 HBuilderX 中清理项目缓存
3. **重启 HBuilderX：** 使用新的环境变量启动
4. **长期优化：** 压缩静态资源，优化第三方库引入
## 验证
设置完成后，重新编译项目，查看是否还会出现内存溢出错误。
## 参考资料
- [uni-app 官方文档 - 内存溢出问题](https://uniapp.dcloud.net.cn/tutorial/run/OOM.html)
- Node.js 内存限制说明：
- 默认限制：约 1.4GB（32位）或 1.7GB（64位）
- 建议设置：4096MB（4GB）或 8192MB（8GB）
- 最大可设置：取决于系统可用内存
## 常见问题
**Q: 设置后仍然内存溢出？**
A: 尝试增大内存限制值，如 `--max-old-space-size=16384`（16GB）
**Q: 如何检查当前 Node.js 内存限制？**
A: 在命令行运行：`node -e "console.log(require('v8').getHeapStatistics().heap_size_limit/(1024*1024))"`
**Q: 编译特别慢？**
A: 内存充足但编译慢，可能是 CPU 性能问题，考虑：
- 关闭不必要的后台程序
- 使用 SSD 硬盘
- 升级硬件配置

237
docs/职业图谱接口说明.md Normal file
View File

@@ -0,0 +1,237 @@
# 职业图谱功能接口说明
## 📋 目录
- [一、职业路径相关接口](#一职业路径相关接口)
- [二、职业技能相关接口](#二职业技能相关接口)
- [三、职业推荐相关接口](#三职业推荐相关接口)
- [四、接口使用场景](#四接口使用场景)
---
## 一、职业路径相关接口
### 1. `getJobPathPage` - 根据职业名称获取路径列表
- **接口路径**: `/jobPath/getJobPathPage`
- **请求方法**: `GET`
- **接口类型**: `zytp`
- **参数**:
- `jobName` (可选): 职业名称，用于搜索
- `pageNo`: 页码
- `pageSize`: 每页数量
- **返回数据**:
```json
{
"code": 0,
"data": {
"list": [
{
"id": 1,
"startJobId": 1,
"startJob": "AI产品经理",
"endJobId": 1,
"endJob": "推荐算法",
"jobOrder": "AI产品经理，AI训练师，图像识别，导航算法，推荐算法",
"jobCount": 5
}
],
"total": 16
}
}
```
- **使用场景**:
- ✅ **CareerPath.vue**: 获取目标职业选项列表（下拉选择器）
- ✅ **CareerRecommend.vue**: 通过 `jobName` 查询获取 `jobId`（当缺少 jobId 时）
- ✅ **CareerPath.vue**: 查询时如果没有 jobPathId，通过 jobName 查找
---
### 2. ``getJobPathById`- 根据职业路径ID获取详情
- **接口路径**: `/jobPath/getJobPathById`
- **请求方法**: `GET`
- **接口类型**: `zytp`
- **参数**:
- `jobPathId`: 职业路径ID
- **返回数据**:
```json
{
"data": [
{
"name": "职位名称",
"skillNameList": "技能1,技能2,技能3"
}
]
}
```
- **使用场景**:
- ✅ **CareerPath.vue**: 获取职业路径的详细信息（起点、中间步骤、终点及每个职位的技能列表）
- 用于显示完整的职业发展路径时间线
---
### 3. `getJobPathNum` - 获取职业路径数量
- **接口路径**: `/jobPath/getJobPathNum`
- **请求方法**: `GET`
- **接口类型**: `zytp`
- **参数**: 无
- **返回数据**:
```json
{
"data": 16 // 路径总数
}
```
- **使用场景**:
- ✅ **CareerPath.vue**: 显示"系统已收录 X 条职业路径"
---
## 二、职业技能相关接口
### 4. `getJobSkillDetail` - 获取职位技能详情
- **接口路径**: `/jobSkillDet/getJobSkillDet`
- **请求方法**: `GET`
- **接口类型**: `zytp`
- **参数**:
- `jobId` (必需): 职位ID
- `jobName` (可选): 职位名称
- **返回数据**:
```json
{
"data": [
{
"skillName": "技能名称",
"skillScore": "技能分数"
}
]
}
```
- **使用场景**:
- ✅ **career-planning.vue**: 点击推荐职位卡片时，获取该职位的技能详情（用于技能详情弹窗 `SkillDetailPopup`）
- **调用位置**: `handleJobCardClick` 函数中
---
### 5. `getJobPathSkill` - 获取职业路径技能（已隐藏，暂未使用）
- **接口路径**: `/jobSkillDet/getJobPathSkill`
- **请求方法**: `POST`
- **接口类型**: `zytp`
- **参数**:
- `pathId`: 路径ID
- `currentJobName`: 当前职位名称
- **返回数据**: `List<JobSkillDetVO>` (包含技能分数、类型等详细信息)
- **使用场景**:
- ❌ 暂未在代码中使用
- 💡 **潜在使用场景**: 在 `CareerPath.vue` 中，如果用户点击路径中的某个职位，需要查看该职位在路径中的详细技能信息（包含技能分数、类型等）时，可以使用此接口
- **当前状态**: 接口已注释隐藏，如需使用请取消注释
---
## 三、职业推荐相关接口
### 8. `recommendJob` - 推荐职位
- **接口路径**: `/job/recommendJobByJobName`
- **请求方法**: `GET`
- **接口类型**: `zytp`
- **参数**:
- `jobName` (必需): 当前职位名称（从缓存中获取），通过 URL 参数传递，格式：`/job/recommendJobByJobName?jobName=职位名称`
- **返回数据**:
```json
{
"data": [
{
"jobId": 123,
"jobName": "推荐职位名称",
"skillList": [
{
"skillName": "技能名称"
}
]
}
]
}
```
- **使用场景**:
- ✅ **CareerRecommend.vue**: 根据当前职位名称（从缓存中获取），获取相似推荐职位列表（显示在"相似推荐职位"区域）
---
## 四、接口使用场景
### 📍 页面结构
```
career-planning.vue (主页面)
├── Tab 0: 职业推荐 (CareerRecommend.vue)
├── Tab 1: 职业路径 (CareerPath.vue)
└── Tab 2: 技能发展 (SkillDevelopment.vue)
```
### 📍 职业推荐 Tab (CareerRecommend.vue)
1. **进入页面时**:
- `getJobSkillDetail` - 获取当前职位的技能标签（需要 `jobId`，如果没有 `jobId` 则跳过）
- `recommendJob` - 获取相似推荐职位（需要 `jobId`）
2. **点击职位卡片时**:
- `getJobSkillDetail` - 获取该职位的技能详情（显示在技能详情弹窗中）
**注意**: `getJobPathPage` 接口**只在职业路径流程中使用**，不在职业推荐流程中使用。
### 📍 职业路径 Tab (CareerPath.vue)
1. **进入页面时**:
- `getJobPathPage` - 获取所有职业路径列表（填充目标职业下拉选择器）
- `getJobPathNum` - 获取职业路径总数（显示"系统已收录 X 条职业路径"）
2. **选择目标职业并点击查询时**:
- `getJobPathPage` - 如果没有 `jobPathId`，通过 `jobName` 查找
- `getJobPathDetail` (实际: `getJobPathById`) - 获取职业路径详情（显示完整路径时间线）
### 📍 技能发展 Tab (SkillDevelopment.vue)
1. **进入页面时**:
- 暂无接口调用
---
## 🔑 关键接口调用流程
### 流程1: 获取当前职位技能
```
CareerRecommend.vue
└── getJobSkillDetail(jobId, jobName) → 获取技能列表
（如果没有 jobId，则跳过获取技能）
```
### 流程2: 查询职业路径
```
CareerPath.vue
├── getJobPathPage() → 获取路径列表（填充下拉选择器）
├── 用户选择目标职业
└── getJobPathById(jobPathId) → 获取路径详情（显示时间线）
```
### 流程3: 获取推荐职位
```
CareerRecommend.vue
└── recommendJob(jobId) → 获取相似推荐职位列表
```
---
## ⚠️ 注意事项
1. **接口返回码**:
- `code: 0` 和 `code: 200` 都表示成功
- 已在 `request.js` 中处理
2. **参数要求**:
- `getJobSkillDetail` 必须提供 `jobId`，如果没有 `jobId` 则跳过获取技能
- `getJobPathPage` **只在职业路径流程中使用**，不在职业推荐流程中使用
3. **数据格式**:
- `getJobPathPage` 返回的 `list` 在 `response.data.list` 中
- `getJobPathById` 返回的详情在 `response.data` 中（数组格式）
4. **接口使用范围**:
- `getJobPathPage` **只在职业路径流程（CareerPath.vue）中使用**
- 职业推荐流程（CareerRecommend.vue）**不使用** `getJobPathPage` 接口
5. **接口前缀**:
- 所有 `zytp` 类型的接口使用: `http://ks.zhaopinzao8dian.com/api/ks_zytp/admin-api/zytp`

129
docs/自定义TabBar使用说明.md
View File

@@ -1,129 +0,0 @@
# 自定义TabBar使用说明
## 功能概述
本项目实现了基于用户类型的动态自定义TabBar，支持根据用户登录状态和类型显示不同的导航项：
- **未登录状态**：默认显示求职者tabbar（职位 + 招聘会 + AI+ + 消息 + 我的）
- **企业用户（userType=0）**：显示"发布岗位"导航
- **求职者用户（userType=1,2,3）**：显示"招聘会"导航
## 实现方案
### 1. 微信小程序原生自定义TabBar
在 `custom-tab-bar/` 目录下创建了微信小程序原生自定义TabBar组件：
- `index.js` - 组件逻辑，根据用户类型动态生成TabBar配置
- `index.wxml` - 模板文件
- `index.wxss` - 样式文件
- `index.json` - 组件配置文件
### 2. UniApp兼容的自定义TabBar组件
创建了 `components/CustomTabBar/CustomTabBar.vue` 组件，支持多端兼容：
- 支持微信小程序、H5、APP等多端
- 响应式设计，根据用户类型动态显示
- 支持消息徽章显示
- 支持页面跳转逻辑
### 3. 配置修改
在 `pages.json` 中启用了自定义TabBar：
```json
"tabBar": {
"custom": true,
// ... 其他配置
}
```
## 使用方法
### 1. 在页面中引入自定义TabBar
```vue
<template>
<view class="page">
<!-- 页面内容 -->
<!-- 自定义tabbar -->
<CustomTabBar :currentPage="0" />
</view>
</template>
```
### 2. 用户类型判断
组件会自动从 `useUserStore` 中获取用户信息，根据用户登录状态和 `userInfo.userType` 字段判断用户类型：
```javascript
// 用户类型说明
// 未登录: 默认显示求职者tabbar
// 0: 企业用户 - 显示"发布岗位"
// 1: 求职者 - 显示"招聘会"
// 2: 网格员 - 显示"招聘会"
// 3: 政府人员 - 显示"招聘会"
```
### 3. 动态切换用户类型
当用户登录状态或类型发生变化时，TabBar会自动更新：
```javascript
// 未登录状态：自动显示求职者tabbar
// 登录后根据用户类型显示对应tabbar
// 切换用户类型
userInfo.value.userType = 1; // 切换到求职者
uni.setStorageSync('userInfo', userInfo.value);
// 登出时清除用户信息，自动回到未登录状态
userStore.logOut(false);
```
## 页面配置
### 已配置的页面
- `pages/index/index.vue` - 首页（currentPage: 0）
- `pages/careerfair/careerfair.vue` - 招聘会页面（currentPage: 1）
- `pages/chat/chat.vue` - AI+页面（currentPage: 2）
- `pages/msglog/msglog.vue` - 消息页面（currentPage: 3）
- `pages/mine/mine.vue` - 我的页面（currentPage: 4）
### 测试页面
- `pages/test/tabbar-test.vue` - TabBar功能测试页面
## 技术特点
1. **响应式设计**：根据用户类型动态显示不同的导航项
2. **多端兼容**：支持微信小程序、H5、APP等平台
3. **消息徽章**：支持显示未读消息数量
4. **页面跳转**：智能判断tabBar页面和普通页面的跳转方式
5. **用户类型监听**：实时监听用户类型变化并更新TabBar
## 注意事项
1. 确保在 `pages.json` 中设置了 `"custom": true`
2. 每个页面的 `currentPage` 参数需要正确设置
3. 用户类型存储在 `userInfo.userType` 字段中
4. 组件会自动监听用户类型变化并更新显示
## 测试方法
1. 访问测试页面：`/pages/test/tabbar-test`
2. 切换不同的用户类型
3. 观察底部TabBar的变化
4. 测试页面跳转功能
## 故障排除
如果TabBar不显示或显示异常：
1. 检查 `pages.json` 中的 `custom: true` 配置
2. 确认用户信息是否正确存储
3. 检查组件是否正确引入
4. 查看控制台是否有错误信息

429
docs/阿里图标库引入指南.md
View File

@@ -1,429 +0,0 @@
# 阿里图标库（iconfont）引入指南
## 📦 方式一：使用字体文件（推荐）
### 第一步：下载图标资源
1. 访问 [阿里图标库](https://www.iconfont.cn/)
2. 注册/登录账号
3. 搜索需要的图标，点击"添加入库"
4. 点击右上角购物车图标
5. 点击"添加至项目"（如果没有项目，先创建一个）
6. 进入"我的项目"
7. 点击"下载至本地"按钮
### 第二步：解压并复制文件
下载的压缩包中包含以下文件：
```
iconfont.css
iconfont.ttf
iconfont.woff
iconfont.woff2
iconfont.json
demo_index.html
demo.css
```
**需要的文件：**
- `iconfont.css` - 样式文件
- `iconfont.ttf` - 字体文件
- `iconfont.woff` - 字体文件
- `iconfont.woff2` - 字体文件
### 第三步：创建项目目录
在项目中创建 `static/iconfont/` 目录（如果不存在）：
```
ks-app-employment-service/
├── static/
│ ├── iconfont/ ← 新建此目录
│ │ ├── iconfont.css
│ │ ├── iconfont.ttf
│ │ ├── iconfont.woff
│ │ └── iconfont.woff2
│ └── ...
```
### 第四步：修改 CSS 文件
打开 `static/iconfont/iconfont.css`，修改字体文件路径：
**原始路径：**
```css
@font-face {
font-family: "iconfont";
src: url('iconfont.woff2?t=1234567890') format('woff2'),
url('iconfont.woff?t=1234567890') format('woff'),
url('iconfont.ttf?t=1234567890') format('truetype');
}
```
**修改为（相对路径）：**
```css
@font-face {
font-family: "iconfont";
src: url('./iconfont.woff2?t=1234567890') format('woff2'),
url('./iconfont.woff?t=1234567890') format('woff'),
url('./iconfont.ttf?t=1234567890') format('truetype');
}
```
**或修改为（绝对路径，推荐）：**
```css
@font-face {
font-family: "iconfont";
src: url('/static/iconfont/iconfont.woff2?t=1234567890') format('woff2'),
url('/static/iconfont/iconfont.woff?t=1234567890') format('woff'),
url('/static/iconfont/iconfont.ttf?t=1234567890') format('truetype');
}
```
### 第五步：在项目中引入
#### 方法 A：全局引入（App.vue）
在 `App.vue` 中引入：
```vue
<style>
/* 引入阿里图标库 */
@import url("/static/iconfont/iconfont.css");
/* 其他全局样式 */
@import '@/common/animation.css';
@import '@/common/common.css';
</style>
```
#### 方法 B：在 main.js 中引入
```javascript
// main.js
import './static/iconfont/iconfont.css'
```
### 第六步：使用图标
#### 使用方式 1：Unicode 方式
```vue
<template>
<view class="icon">&#xe600;</view>
</template>
<style>
.icon {
font-family: "iconfont" !important;
font-size: 32rpx;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
</style>
```
#### 使用方式 2：Font Class 方式（推荐）
```vue
<template>
<view class="iconfont icon-home"></view>
<view class="iconfont icon-user"></view>
<view class="iconfont icon-search"></view>
</template>
<style scoped>
.iconfont {
font-size: 32rpx;
color: #333;
}
</style>
```
#### 使用方式 3：封装为组件
创建 `components/IconfontIcon/IconfontIcon.vue`：
```vue
<template>
<text class="iconfont" :class="iconClass" :style="iconStyle"></text>
</template>
<script setup>
import { computed } from 'vue'
const props = defineProps({
name: {
type: String,
required: true
},
size: {
type: [String, Number],
default: 32
},
color: {
type: String,
default: '#333'
}
})
const iconClass = computed(() => `icon-${props.name}`)
const iconStyle = computed(() => ({
fontSize: `${props.size}rpx`,
color: props.color
}))
</script>
<style scoped>
.iconfont {
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
</style>
```
**使用组件：**
```vue
<template>
<IconfontIcon name="home" :size="48" color="#13C57C" />
<IconfontIcon name="user" :size="36" color="#256BFA" />
</template>
<script setup>
import IconfontIcon from '@/components/IconfontIcon/IconfontIcon.vue'
</script>
```
---
## 📦 方式二：使用在线链接（不推荐小程序）
### 第一步：获取在线链接
1. 在阿里图标库"我的项目"中
2. 点击"Font class"
3. 点击"查看在线链接"
4. 复制 CSS 链接
### 第二步：引入在线 CSS
在 `App.vue` 中：
```vue
<style>
/* 注意：小程序不支持在线字体 */
@import url("//at.alicdn.com/t/c/font_xxxxx.css");
</style>
```
**⚠️ 注意：** 微信小程序不支持外部字体文件，必须使用方式一！
---
## 📦 方式三：使用 Symbol 方式（SVG）
### 第一步：获取 Symbol 代码
1. 在"我的项目"中
2. 点击"Symbol"
3. 点击"生成代码"
4. 复制生成的 JS 链接
### 第二步：下载 JS 文件
将 JS 文件下载到 `static/iconfont/iconfont.js`
### 第三步：引入并使用
在 `App.vue` 或需要的页面中：
```vue
<template>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-home"></use>
</svg>
</template>
<script>
// 引入 Symbol 脚本
// 注意：需要在 main.js 中引入 iconfont.js
</script>
<style>
.icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
</style>
```
**⚠️ 注意：** 小程序对 SVG 支持有限，推荐使用方式一！
---
## 🎯 最佳实践建议
### 1. 使用 Font Class 方式（方式一）
**优点：**
- ✅ 兼容性好，支持所有平台
- ✅ 可以自定义颜色和大小
- ✅ 语义化强，易于维护
- ✅ 体积小，加载快
**缺点：**
- ❌ 只支持单色图标
### 2. 创建图标组件库
```
components/
├── IconfontIcon/
│ └── IconfontIcon.vue # 通用图标组件
```
### 3. 统一管理图标名称
创建 `config/icons.js`：
```javascript
// 图标配置
export const ICONS = {
HOME: 'home',
USER: 'user',
SEARCH: 'search',
LOCATION: 'location',
PHONE: 'phone',
// ... 更多图标
}
```
使用：
```vue
<script setup>
import { ICONS } from '@/config/icons'
</script>
<template>
<IconfontIcon :name="ICONS.HOME" />
</template>
```
---
## 🔧 常见问题
### Q1: 小程序中图标不显示？
**解决方案：**
- 确保使用本地字体文件，不要使用在线链接
- 检查 CSS 中的字体路径是否正确
- 确保字体文件已正确复制到 `static/iconfont/` 目录
### Q2: 图标显示为方框？
**解决方案：**
- 检查字体文件是否完整
- 检查 `@font-face` 的 `font-family` 名称是否一致
- 清除缓存重新编译
### Q3: 如何更新图标库？
1. 在阿里图标库添加新图标到项目
2. 重新下载至本地
3. 替换 `static/iconfont/` 下的所有文件
4. 清除缓存，重新编译
### Q4: H5 和小程序路径不一致？
**解决方案：**
使用条件编译：
```css
@font-face {
font-family: "iconfont";
/* #ifdef H5 */
src: url('/static/iconfont/iconfont.woff2') format('woff2');
/* #endif */
/* #ifdef MP-WEIXIN */
src: url('./iconfont.ttf') format('truetype');
/* #endif */
}
```
---
## 📝 示例代码
### 完整示例：登录按钮
```vue
<template>
<button class="login-btn">
<text class="iconfont icon-phone"></text>
<text>手机号登录</text>
</button>
</template>
<style scoped>
.login-btn {
display: flex;
align-items: center;
justify-content: center;
padding: 20rpx 40rpx;
background: #13C57C;
border-radius: 12rpx;
color: #fff;
}
.iconfont {
font-size: 32rpx;
margin-right: 12rpx;
}
</style>
```
---
## 🎨 推荐使用的图标
### 常用图标
- `icon-home` - 首页
- `icon-user` - 用户
- `icon-search` - 搜索
- `icon-location` - 位置
- `icon-phone` - 电话
- `icon-message` - 消息
- `icon-setting` - 设置
- `icon-star` - 收藏
- `icon-share` - 分享
- `icon-close` - 关闭
---
## 📚 相关资源
- [阿里图标库官网](https://www.iconfont.cn/)
- [uni-app 字体图标文档](https://uniapp.dcloud.net.cn/tutorial/syntax-css.html#%E5%AD%97%E4%BD%93%E5%9B%BE%E6%A0%87)
- [CSS @font-face](https://developer.mozilla.org/zh-CN/docs/Web/CSS/@font-face)
---
## ✅ 检查清单
- [ ] 已下载图标文件到 `static/iconfont/` 目录
- [ ] 已修改 CSS 中的字体文件路径
- [ ] 已在 App.vue 中引入 iconfont.css
- [ ] 已测试图标显示正常
- [ ] 已封装图标组件（可选）
- [ ] 已统一管理图标名称（可选）

407
docs/阿里图标库快速开始.md
View File

@@ -1,407 +0,0 @@
# 阿里图标库快速开始 🚀
## 一、5分钟快速上手
### Step 1: 下载图标文件（2分钟）
1. 访问 https://www.iconfont.cn/
2. 登录后搜索图标，点击"添加入库"
3. 购物车 → 添加至项目（没有项目先创建）
4. 我的项目 → 下载至本地
### Step 2: 放置文件（1分钟）
解压下载的文件，将以下4个文件复制到 `static/iconfont/` 目录：
```
✅ iconfont.css
✅ iconfont.ttf
✅ iconfont.woff
✅ iconfont.woff2
```
### Step 3: 修改CSS路径（1分钟）
打开 `static/iconfont/iconfont.css`，将字体路径修改为相对路径：
```css
@font-face {
font-family: "iconfont";
src: url('./iconfont.woff2?t=xxx') format('woff2'),
url('./iconfont.woff?t=xxx') format('woff'),
url('./iconfont.ttf?t=xxx') format('truetype');
}
```
### Step 4: 全局引入（1分钟）
在 `App.vue` 的 `<style>` 标签中添加：
```vue
<style>
/* 引入阿里图标库 */
@import url("/static/iconfont/iconfont.css");
</style>
```
### Step 5: 开始使用 ✨
```vue
<template>
<!-- 直接使用 -->
<text class="iconfont icon-home"></text>
<!-- 或使用组件 -->
<IconfontIcon name="home" :size="48" color="#13C57C" />
</template>
```
---
## 二、推荐使用方式
### 方式 A：使用封装的组件（最推荐）👍
```vue
<template>
<IconfontIcon name="phone" :size="40" color="#13C57C" />
</template>
<script setup>
import IconfontIcon from '@/components/IconfontIcon/IconfontIcon.vue'
</script>
```
**优点：**
- ✅ 统一管理，易于维护
- ✅ 支持动态修改大小和颜色
- ✅ 语义清晰
- ✅ 支持点击事件
### 方式 B：使用配置常量（推荐）
```vue
<template>
<IconfontIcon
:name="ICONS.HOME"
:size="ICON_SIZES.LARGE"
:color="ICON_COLORS.PRIMARY"
/>
</template>
<script setup>
import IconfontIcon from '@/components/IconfontIcon/IconfontIcon.vue'
import { ICONS, ICON_SIZES, ICON_COLORS } from '@/config/icons'
</script>
```
**优点：**
- ✅ 统一图标名称
- ✅ 避免拼写错误
- ✅ IDE 自动补全
- ✅ 便于重构
### 方式 C：直接使用类名
```vue
<template>
<text class="iconfont icon-home" style="font-size: 32rpx; color: #333;"></text>
</template>
```
---
## 三、常用场景示例
### 场景1：导航栏图标
```vue
<template>
<view class="navbar">
<IconfontIcon name="arrow-left" :size="40" @click="goBack" />
<text class="title">页面标题</text>
<IconfontIcon name="share" :size="36" @click="share" />
</view>
</template>
<script setup>
const goBack = () => {
uni.navigateBack()
}
const share = () => {
// 分享逻辑
}
</script>
```
### 场景2：按钮图标
```vue
<template>
<button class="primary-btn">
<IconfontIcon name="phone" :size="32" color="#FFFFFF" />
<text>手机号登录</text>
</button>
</template>
<style>
.primary-btn {
display: flex;
align-items: center;
gap: 12rpx;
}
</style>
```
### 场景3：列表项图标
```vue
<template>
<view class="list-item">
<IconfontIcon name="location" :size="36" color="#13C57C" />
<text class="text">工作地点</text>
<IconfontIcon name="arrow-right" :size="28" color="#999" />
</view>
</template>
```
### 场景4：状态图标
```vue
<template>
<view class="status-box">
<IconfontIcon
:name="status.icon"
:size="64"
:color="status.color"
/>
<text>{{ status.text }}</text>
</view>
</template>
<script setup>
import { computed } from 'vue'
const orderStatus = ref('success')
const status = computed(() => {
const map = {
success: { icon: 'success', color: '#13C57C', text: '提交成功' },
error: { icon: 'error', color: '#F44336', text: '提交失败' },
loading: { icon: 'loading', color: '#256BFA', text: '处理中...' }
}
return map[orderStatus.value]
})
</script>
```
---
## 四、组件API说明
### IconfontIcon 组件
**Props:**
| 参数 | 类型 | 默认值 | 说明 |
|------|------|--------|------|
| name | String | - | 图标名称（必填），如：'home' 或 'icon-home' |
| size | String/Number | 32 | 图标大小，单位rpx |
| color | String | - | 图标颜色，支持十六进制、rgb等 |
| bold | Boolean | false | 是否加粗 |
**Events:**
| 事件名 | 说明 | 回调参数 |
|--------|------|----------|
| click | 点击图标时触发 | event |
**使用示例:**
```vue
<IconfontIcon
name="home"
:size="48"
color="#13C57C"
:bold="true"
@click="handleClick"
/>
```
---
## 五、配置说明
### 图标名称配置（config/icons.js）
```javascript
export const ICONS = {
HOME: 'home',
USER: 'user',
SEARCH: 'search',
// ... 更多图标
}
```
### 尺寸预设
```javascript
export const ICON_SIZES = {
MINI: 24, // 24rpx
SMALL: 28, // 28rpx
NORMAL: 32, // 32rpx（默认）
LARGE: 40, // 40rpx
XLARGE: 48, // 48rpx
}
```
### 颜色预设
```javascript
export const ICON_COLORS = {
PRIMARY: '#13C57C', // 主色调
SECONDARY: '#256BFA', // 次要色
SUCCESS: '#13C57C', // 成功
WARNING: '#FF9800', // 警告
DANGER: '#F44336', // 危险
TEXT: '#333333', // 文本色
}
```
---
## 六、常见问题
### Q1: 图标不显示？
**检查清单：**
- [ ] 文件是否已复制到 `static/iconfont/` 目录
- [ ] CSS路径是否正确修改
- [ ] 是否已在 App.vue 中引入
- [ ] 图标类名是否正确（如：`icon-home`）
- [ ] 清除缓存并重新编译
### Q2: 如何查看可用的图标？
1. 打开下载包中的 `demo_index.html`
2. 或查看 `iconfont.css` 中的类名
3. 类名格式通常为 `.icon-xxx:before`
### Q3: 如何更新图标？
1. 在阿里图标库添加新图标到项目
2. 重新下载至本地
3. 替换 `static/iconfont/` 下的所有文件
4. 清除缓存，重新编译
### Q4: 小程序能用在线链接吗？
❌ 不能！微信小程序必须使用本地字体文件。
---
## 七、最佳实践
### ✅ 推荐做法
1. **统一管理图标名称**
```javascript
// 使用配置文件
import { ICONS } from '@/config/icons'
```
2. **使用封装的组件**
```vue
<IconfontIcon name="home" />
```
3. **预设常用尺寸和颜色**
```javascript
import { ICON_SIZES, ICON_COLORS } from '@/config/icons'
```
4. **语义化命名**
```javascript
const ICONS = {
HOME: 'home', // ✅ 语义清晰
USER_CENTER: 'user', // ✅ 明确用途
}
```
### ❌ 不推荐做法
1. **硬编码图标名称**
```vue
<text class="iconfont icon-home"></text> <!-- ❌ 不推荐 -->
```
2. **使用在线链接（小程序）**
```css
@import url("//at.alicdn.com/xxx.css"); /* ❌ 小程序不支持 */
```
3. **直接使用 Unicode**
```vue
<text class="iconfont">&#xe600;</text> <!-- ❌ 不直观 -->
```
---
## 八、测试页面
已为你创建了测试页面，可以查看各种使用方式：
**路径:** `pages/demo/iconfont-demo.vue`
在 `pages.json` 中添加页面配置即可访问：
```json
{
"path": "pages/demo/iconfont-demo",
"style": {
"navigationBarTitleText": "图标示例"
}
}
```
---
## 九、相关文件
```
项目结构：
├── components/
│ └── IconfontIcon/
│ └── IconfontIcon.vue # 图标组件
├── config/
│ └── icons.js # 图标配置
├── static/
│ └── iconfont/
│ ├── iconfont.css # 样式文件
│ ├── iconfont.ttf # 字体文件
│ ├── iconfont.woff # 字体文件
│ ├── iconfont.woff2 # 字体文件
│ └── README.md # 说明文档
├── pages/
│ └── demo/
│ └── iconfont-demo.vue # 测试页面
└── docs/
├── 阿里图标库引入指南.md # 详细文档
└── 阿里图标库快速开始.md # 本文档
```
---
## 十、总结
✅ **记住这三步：**
1. **下载** - 从阿里图标库下载文件
2. **放置** - 复制到 `static/iconfont/` 目录
3. **引入** - 在 `App.vue` 中引入 CSS
🎉 **就是这么简单！**
如有问题，请参考详细文档：`docs/阿里图标库引入指南.md`

3
index.html
View File

@@ -17,6 +17,7 @@
})();
</script>
<title></title>
<link rel="icon" type="image/png" href="./static/logo2-S.png">
<!-- vconsole -->
<!-- <script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
<script>
@@ -28,4 +29,4 @@
<div id="app"><!--app-html--></div>
<script type="module" src="/main.js"></script>
</body>
</html>
</html>

1
move-large-json.ps1 Normal file
View File

@@ -0,0 +1 @@

28
package-lock.json generated
View File

@@ -1,4 +1,6 @@
{
"name": "ks-app",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
@@ -27,35 +29,9 @@
"version": "0.3.13",
"resolved": "https://registry.npmmirror.com/sm-crypto/-/sm-crypto-0.3.13.tgz",
"integrity": "sha512-ztNF+pZq6viCPMA1A6KKu3bgpkmYti5avykRHbcFIdSipFdkVmfUw2CnpM2kBJyppIalqvczLNM3wR8OQ0pT5w==",
"license": "MIT",
"dependencies": {
"jsbn": "^1.1.0"
}
}
},
"dependencies": {
"@dcloudio/uni-ui": {
"version": "1.5.11",
"resolved": "https://registry.npmjs.org/@dcloudio/uni-ui/-/uni-ui-1.5.11.tgz",
"integrity": "sha512-DBtk046ofmeFd82zRI7d89SoEwrAxYzUN3WVPm1DIBkpLPG5F5QDNkHMnZGu2wNrMEmGBjBpUh3vqEY1L3jaMw=="
},
"dayjs": {
"version": "1.11.19",
"resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.19.tgz",
"integrity": "sha512-t5EcLVS6QPBNqM2z8fakk/NKel+Xzshgt8FFKAn+qwlD1pzZWxh0nVCrvFK7ZDb6XucZeF9z8C7CBWTRIVApAw=="
},
"jsbn": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/jsbn/-/jsbn-1.1.0.tgz",
"integrity": "sha512-4bYVV3aAMtDTTu4+xsDYa6sy9GyJ69/amsu9sYF2zqjiEoZA5xJi3BrfX3uY+/IekIu7MwdObdbDWpoZdBv3/A=="
},
"sm-crypto": {
"version": "0.3.13",
"resolved": "https://registry.npmmirror.com/sm-crypto/-/sm-crypto-0.3.13.tgz",
"integrity": "sha512-ztNF+pZq6viCPMA1A6KKu3bgpkmYti5avykRHbcFIdSipFdkVmfUw2CnpM2kBJyppIalqvczLNM3wR8OQ0pT5w==",
"requires": {
"jsbn": "^1.1.0"
}
}
}
}

347
hook/usePagination.js → packageA/hook/usePagination.js
View File

@@ -1,173 +1,174 @@
import {
ref,
reactive,
watch,
isRef,
nextTick
} from 'vue'
export function usePagination(
requestFn,
transformFn,
options = {}
) {
const list = ref([])
const loading = ref(false)
const error = ref(false)
const finished = ref(false)
const firstLoading = ref(true)
const empty = ref(false)
const {
pageSize = 10,
search = {},
autoWatchSearch = false,
debounceTime = 300,
autoFetch = false,
// 字段映射
dataKey = 'rows',
totalKey = 'total',
// 分页字段名映射
pageField = 'current',
sizeField = 'pageSize',
onBeforeRequest,
onAfterRequest
} = options
const pageState = reactive({
page: 1,
pageSize: isRef(pageSize) ? pageSize.value : pageSize,
total: 0,
maxPage: 1,
search: isRef(search) ? search.value : search
})
let debounceTimer = null
const fetchData = async (type = 'refresh') => {
if (loading.value) return Promise.resolve()
console.log(type)
loading.value = true
error.value = false
if (typeof onBeforeRequest === 'function') {
try {
onBeforeRequest(type, pageState)
} catch (err) {
console.warn('onBeforeRequest 执行异常:', err)
}
}
if (type === 'refresh') {
pageState.page = 1
finished.value = false
if (list.value.length === 0) {
firstLoading.value = true
}
} else if (type === 'loadMore') {
if (pageState.page >= pageState.maxPage) {
loading.value = false
finished.value = true
return Promise.resolve('no more')
}
pageState.page += 1
}
const params = {
...pageState.search,
[pageField]: pageState.page,
[sizeField]: pageState.pageSize,
}
try {
const res = await requestFn(params)
const rawData = res[dataKey]
const total = res[totalKey] || 99999999
console.log(total, rawData)
const data = typeof transformFn === 'function' ? transformFn(rawData) : rawData
if (type === 'refresh') {
list.value = data
} else {
list.value.push(...data)
}
pageState.total = total
pageState.maxPage = Math.ceil(total / pageState.pageSize)
finished.value = list.value.length >= total
empty.value = list.value.length === 0
} catch (err) {
console.error('分页请求失败:', err)
error.value = true
} finally {
loading.value = false
firstLoading.value = false
if (typeof onAfterRequest === 'function') {
try {
onAfterRequest(type, pageState, {
error: error.value
})
} catch (err) {
console.warn('onAfterRequest 执行异常:', err)
}
}
}
}
const refresh = () => fetchData('refresh')
const loadMore = () => fetchData('loadMore')
const resetPagination = () => {
list.value = []
pageState.page = 1
pageState.total = 0
pageState.maxPage = 1
finished.value = false
error.value = false
firstLoading.value = true
empty.value = false
}
if (autoWatchSearch && isRef(search)) {
watch(search, (newVal) => {
pageState.search = newVal
clearTimeout(debounceTimer)
debounceTimer = setTimeout(() => {
refresh()
}, debounceTime)
}, {
deep: true
})
}
watch(pageSize, (newVal) => {
pageState.pageSize = newVal
}, {
deep: true
})
if (autoFetch) {
nextTick(() => {
refresh()
})
}
return {
list,
loading,
error,
finished,
firstLoading,
empty,
pageState,
refresh,
loadMore,
resetPagination
}
}
import {
ref,
reactive,
watch,
isRef,
nextTick
} from 'vue'
export function usePagination(
requestFn,
transformFn,
options = {}
) {
const list = ref([])
const loading = ref(false)
const error = ref(false)
const finished = ref(false)
const firstLoading = ref(true)
const empty = ref(false)
const {
pageSize = 10,
search = {},
autoWatchSearch = false,
debounceTime = 300,
autoFetch = false,
// 字段映射
dataKey = 'rows',
totalKey = 'total',
// 分页字段名映射
pageField = 'current',
sizeField = 'pageSize',
onBeforeRequest,
onAfterRequest
} = options
const pageState = reactive({
page: 1,
pageSize: isRef(pageSize) ? pageSize.value : pageSize,
total: 0,
maxPage: 1,
search: isRef(search) ? search.value : search
})
let debounceTimer = null
const fetchData = async (type = 'refresh') => {
if (loading.value) return Promise.resolve()
console.log(type)
loading.value = true
error.value = false
if (typeof onBeforeRequest === 'function') {
try {
onBeforeRequest(type, pageState)
} catch (err) {
console.warn('onBeforeRequest 执行异常:', err)
}
}
if (type === 'refresh') {
pageState.page = 1
finished.value = false
if (list.value.length === 0) {
firstLoading.value = true
}
} else if (type === 'loadMore') {
if (pageState.page >= pageState.maxPage) {
loading.value = false
finished.value = true
return Promise.resolve('no more')
}
pageState.page += 1
}
const params = {
...pageState.search,
[pageField]: pageState.page,
[sizeField]: pageState.pageSize,
}
try {
const res = await requestFn(params)
const rawData = res[dataKey]
const total = res[totalKey] || 99999999
console.log(total, rawData)
const data = typeof transformFn === 'function' ? transformFn(rawData) : rawData
if (type === 'refresh') {
list.value = data
} else {
list.value.push(...data)
}
pageState.total = total
pageState.maxPage = Math.ceil(total / pageState.pageSize)
finished.value = list.value.length >= total
empty.value = list.value.length === 0
} catch (err) {
console.error('分页请求失败:', err)
error.value = true
} finally {
loading.value = false
firstLoading.value = false
if (typeof onAfterRequest === 'function') {
try {
onAfterRequest(type, pageState, {
error: error.value
})
} catch (err) {
console.warn('onAfterRequest 执行异常:', err)
}
}
}
}
const refresh = () => fetchData('refresh')
const loadMore = () => fetchData('loadMore')
const resetPagination = () => {
list.value = []
pageState.page = 1
pageState.total = 0
pageState.maxPage = 1
finished.value = false
error.value = false
firstLoading.value = true
empty.value = false
}
if (autoWatchSearch && isRef(search)) {
watch(search, (newVal) => {
pageState.search = newVal
clearTimeout(debounceTimer)
debounceTimer = setTimeout(() => {
refresh()
}, debounceTime)
}, {
deep: true
})
}
watch(pageSize, (newVal) => {
pageState.pageSize = newVal
}, {
deep: true
})
if (autoFetch) {
nextTick(() => {
refresh()
})
}
return {
list,
loading,
error,
finished,
firstLoading,
empty,
pageState,
refresh,
loadMore,
resetPagination
}
}

0
lib/lunar-javascript@1.7.2.js → packageA/lib/lunar-javascript@1.7.2.js
View File

366
packageA/pages/UnitDetails/UnitDetails.vue
View File

@@ -7,7 +7,7 @@
</template>
<template #headerright>
<view class="btn mar_ri10">
<image src="@/static/icon/collect3.png" v-if="!companyInfo.isCollection"></image>
<image src="@/static/icon/collect3.png" v-if="!companyInfo?.isCollection"></image>
<image src="@/static/icon/collect2.png" v-else></image>
</view>
</template>
@@ -17,16 +17,16 @@
<image src="@/static/icon/companyIcon.png" mode=""></image>
</view>
<view class="companyinfo-right">
<view class="row1">{{ companyInfo?.companyName }}</view>
<view class="row2">
{{ companyInfo?.scale }}
</view>
<view class="row1">{{ companyInfo?.name || '未知公司' }}</view>
<view class="row2">
{{ getScaleLabel(companyInfo?.scale) }}
</view>
</view>
</view>
<view class="conetent-info" :class="{ expanded: isExpanded }">
<view class="info-title">公司介绍</view>
<view class="info-desirption">{{
companyInfo.companyIntroduction
companyInfo?.description || '暂无公司介绍'
}}</view>
<!-- <view class="info-title title2">公司地址</view>
<view class="locationCompany"></view> -->
@@ -38,41 +38,37 @@
</view>
<scroll-view scroll-y class="Detailscroll-view">
<view class="views">
<view class="Detail-title"><text class="title">在招职位</text></view>
<template v-if="companyInfo.jobInfoList.length != 0">
<view v-for="job in companyInfo.jobInfoList" :key="job.id">
<!-- @click="navTo(`/packageA/pages/post/post?jobId=${JSON.stringify(job)}`)" -->
<!-- :style="getItemBackgroundStyle('bj2.png')" -->
<view class="cards">
<view class="card-company">
<text class="company">{{ job.jobTitle }}</text>
<view class="salary"> ￥{{ job.salaryRange }}/月 </view>
<view class="Detail-title"><text class="title">在招职位</text></view>
<template v-if="companyInfo.jobList && companyInfo.jobList.length != 0">
<view v-for="job in companyInfo.jobList" :key="job.jobId">
<view class="cards" @click="navToJobDetail(job.jobId)">
<view class="card-company">
<text class="company">{{ job.jobTitle }}</text>
<view class="salary"> ￥{{ job.minSalary }}-{{ job.maxSalary }}/月 </view>
</view>
<view class="card-tags">
<view class="tag jy">
{{ getExperienceLabel(job.experience) }}
</view>
<view class="card-tags">
<view class="tag jy">
<image :src="`${baseUrl}/jobfair/jy.png`" mode=""></image>
{{ job.experienceRequirement }}
</view>
<view class="tag xl">
<image :src="`${baseUrl}/jobfair/xx.png`" mode=""></image>
{{ job.educationRequirement }}
</view>
<view class="tag yd" v-if="job.jobRequirement">
<image :src="`${baseUrl}/jobfair/lx-1.png`" mode=""></image>
{{ job.jobRequirement }}
</view>
<view class="tag xl">
{{ getEducationLabel(job.education) }}
</view>
<view class="card-companyName">
{{ job.jobDescription }}
<view class="tag yd" v-if="job.vacancies">
招聘{{ job.vacancies }}人
</view>
<view class="deliver-box">
<view class="deliver-btn" @click="deliverResume(job)">
简历投递
</view>
</view>
<view class="card-info">
<view class="company-address" v-if="job.jobLocation">
<image class="point3" src="/static/icon/point3.png"></image>
{{ job.jobLocation }}
</view>
<view class="push-time" v-if="job.postingDate">
{{ formatPublishTime(job.postingDate) }}
</view>
</view>
</view>
</template>
</view>
</template>
<empty v-else pdTop="200"></empty>
</view>
</scroll-view>
@@ -95,9 +91,9 @@
} from "@dcloudio/uni-app";
import dictLabel from "@/components/dict-Label/dict-Label.vue";
import config from "@/config.js";
import {
storeToRefs
} from "pinia";
import { storeToRefs } from "pinia";
import useDictStore from '@/stores/useDictStore';
const dictStore = useDictStore();
import useLocationStore from "@/stores/useLocationStore";
const {
longitudeVal,
@@ -118,9 +114,8 @@
pageSize: 10,
});
const companyInfo = ref({
jobInfoList: [],
jobList: [],
});
const baseUrl = config.imgBaseUrl;
const getItemBackgroundStyle = (imageName) => ({
backgroundImage: `url(${baseUrl}/jobfair/${imageName})`,
@@ -129,9 +124,47 @@
backgroundRepeat: "no-repeat",
});
onLoad((options) => {
companyInfo.value = JSON.parse(options.job);
});
// 已移除重复的onLoad函数，保留下面的async版本
// 根据公司ID获取公司详情
function getCompanyDetailsById(companyId) {
// 使用全局注入的$api调用接口
$api.createRequest('/app/company/' + companyId).then((resData) => {
if (resData && resData.code === 200 && resData.data) {
console.log('Company details:', resData.data);
// 确保数据格式符合页面需求，并为关键字段提供默认值
companyInfo.value = {
...resData.data,
name: resData.data.name || '未知公司',
scale: resData.data.scale || '未知规模',
description: resData.data.description || '暂无公司介绍',
isCollection: resData.data.isCollection || 0,
jobList: resData.data.jobList || [] // 使用正确的jobList字段
};
console.log('Company details loaded successfully');
} else {
console.error('Failed to load company details:', resData?.msg || 'Unknown error');
// 设置默认值，避免页面白屏
companyInfo.value = {
name: '加载失败',
scale: '-',
description: '无法获取公司信息，请稍后重试',
isCollection: 0,
jobList: []
};
}
}).catch((error) => {
console.error('API error when fetching company details:', error);
// 错误情况下也设置默认值
companyInfo.value = {
name: '请求失败',
scale: '-',
description: '网络请求失败，请检查网络连接',
isCollection: 0,
jobList: []
};
});
}
function expand() {
isExpanded.value = !isExpanded.value;
@@ -148,9 +181,9 @@
if (resData1.code == 200) {
$api.myRequest("/system/user/login/user/info", {}, "GET", 10100, headers).then((resData) => {
$api.myRequest("/jobfair/public/job-fair-person-job/insert", {
jobFairId: companyInfo.value.jobFairId, // 招聘会id
jobFairId: companyInfo.value?.jobFairId, // 招聘会id
personId: resData.info.userId, // 当前登录用户id
enterpriseId: companyInfo.value.companyId, // 企业id
enterpriseId: companyInfo.value?.companyId, // 企业id
jobId: job.jobId, // 岗位id
idCard:resData.info.personCardNo
}, "post", 9100, {
@@ -169,6 +202,168 @@
});
}
// 获取企业规模字典数据
onLoad(async (options) => {
// 初始化companyInfo
companyInfo.value = { jobList: [] };
// 加载字典数据
await dictStore.getDictData();
if (options.job && typeof options.job === 'string') {
try {
companyInfo.value = JSON.parse(options.job);
} catch (error) {
console.error('Error parsing job data:', error);
companyInfo.value = { jobList: [] };
}
// 处理companyId参数
} else if (options.companyId) {
console.log('Getting company details by companyId:', options.companyId);
// 调用API获取公司详情
getCompanyDetailsById(options.companyId);
// 处理bussinessId参数（如果需要）
} else if (options.bussinessId) {
console.log('Handling bussinessId:', options.bussinessId);
// 这里可以根据需要处理bussinessId
// 目前先作为companyId处理
getCompanyDetailsById(options.bussinessId);
} else {
console.warn('No valid parameters provided');
companyInfo.value = { jobList: [] };
}
});
// 根据scale值获取对应的文本
function getScaleLabel(scale) {
// 处理空值、undefined、null等情况
if (scale === undefined || scale === null || scale === '') return '-';
try {
// 调试日志，追踪scale值处理
console.log('Processing scale value:', scale);
// 确保scale是字符串类型
const scaleStr = String(scale);
// 使用dictStore获取企业规模标签
const label = dictStore.dictLabel('scale', scaleStr);
console.log('Retrieved scale label:', label, 'for scale:', scaleStr);
// 如果字典中没有找到对应标签，使用预设的默认映射
if (!label) {
const defaultScaleMap = {
'1': '少于50人',
'2': '50-100人',
'3': '100-500人',
'4': '500-1000人',
'5': '1000人以上'
};
const defaultLabel = defaultScaleMap[scaleStr];
console.log('Using default label:', defaultLabel, 'for scale:', scaleStr);
return defaultLabel || '-';
}
return label;
} catch (error) {
console.error('获取企业规模标签失败:', error);
return '-';
}
}
// 根据experience值获取对应的文本
function getExperienceLabel(experience) {
if (experience === undefined || experience === null || experience === '') return '经验不限';
try {
const experienceStr = String(experience);
const label = dictStore.dictLabel('experience', experienceStr);
if (!label) {
const defaultExperienceMap = {
'0': '经验不限',
'1': '1年以内',
'2': '1-3年',
'3': '3-5年',
'4': '5-10年',
'5': '10年以上'
};
return defaultExperienceMap[experienceStr] || '经验不限';
}
return label;
} catch (error) {
console.error('获取经验标签失败:', error);
return '经验不限';
}
}
// 根据education值获取对应的文本
function getEducationLabel(education) {
if (education === undefined || education === null || education === '') return '学历不限';
try {
const educationStr = String(education);
const label = dictStore.dictLabel('education', educationStr);
if (!label) {
const defaultEducationMap = {
'-1': '学历不限',
'1': '初中及以下',
'2': '高中',
'3': '中专',
'4': '大专',
'5': '本科',
'6': '硕士',
'7': '博士'
};
return defaultEducationMap[educationStr] || '学历不限';
}
return label;
} catch (error) {
console.error('获取学历标签失败:', error);
return '学历不限';
}
}
// 格式化发布时间为相对时间
function formatPublishTime(publishTime) {
if (!publishTime) return '';
try {
const date = new Date(publishTime);
const now = new Date();
const diffTime = Math.abs(now - date);
const diffSeconds = Math.floor(diffTime / 1000);
const diffMinutes = Math.floor(diffSeconds / 60);
const diffHours = Math.floor(diffMinutes / 60);
const diffDays = Math.floor(diffHours / 24);
const diffWeeks = Math.floor(diffDays / 7);
const diffMonths = Math.floor(diffDays / 30);
const diffYears = Math.floor(diffDays / 365);
if (diffSeconds < 60) {
return '刚刚发布';
} else if (diffMinutes < 60) {
return `${diffMinutes}分钟前`;
} else if (diffHours < 24) {
return `${diffHours}小时前`;
} else if (diffDays === 1) {
return '昨天发布';
} else if (diffDays < 7) {
return `${diffDays}天前`;
} else if (diffWeeks < 4) {
return `${diffWeeks}周前`;
} else if (diffMonths < 12) {
return `${diffMonths}个月前`;
} else {
return `${diffYears}年前`;
}
} catch (error) {
console.error('格式化发布时间失败:', error);
return '';
}
}
// 跳转到职位详情页面
function navToJobDetail(jobId) {
if (jobId) {
navTo(`/packageA/pages/post/post?jobId=${encodeURIComponent(jobId)}`);
}
}
</script>
<style lang="stylus" scoped>
@@ -316,24 +511,23 @@
border-radius: 20rpx 20rpx 20rpx 20rpx;
margin-top: 22rpx;
padding-bottom: 18rpx;
background: #f2f8fc;
background: #FFFFFF;
.card-company {
display: flex;
justify-content: space-between;
align-items: flex-start;
border-bottom: 1rpx solid #c2d7ea;
.company {
font-weight: 600;
font-weight: 400;
font-size: 32rpx;
color: #207AC7;
color: #333333;
}
.salary {
font-weight: 600;
// font-weight: 600;
font-size: 28rpx;
color: #F83A3C;
color: #1677FF;
white-space: nowrap;
line-height: 48rpx;
}
@@ -371,7 +565,7 @@
.card-tags {
display: flex;
flex-wrap: wrap;
margin: 25rpx 0 35rpx;
margin: 25rpx 0 20rpx;
image {
width: 24rpx;
@@ -380,18 +574,18 @@
}
.jy {
background: #D9EDFF;
color: #0086FF;
background: #F5F5F5;
color: #333333;
}
.xl {
background: #FFF1D5;
color: #FF7F01;
background: #F5F5F5;
color: #333333;
}
.yd {
background: #FFD8D8;
color: #F83A3C;
background: #F5F5F5;
color: #333333;
}
.tag {
@@ -410,6 +604,62 @@
}
}
.card-info {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20rpx;
flex-wrap: wrap;
.point3 {
width: 12rpx;
height: 12rpx;
}
.company-address {
display: flex;
align-items: center;
font-weight: 400;
font-size: 24rpx;
color: #6C7282;
line-height: 34rpx;
flex: 1;
min-width: 0;
margin-right: 20rpx;
image {
width: 24rpx;
height: 24rpx;
margin-right: 8rpx;
flex-shrink: 0;
}
text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.push-time {
display: flex;
align-items: center;
font-weight: 400;
font-size: 24rpx;
color: #6C7282;
line-height: 34rpx;
flex-shrink: 0;
white-space: nowrap;
image {
width: 24rpx;
height: 24rpx;
margin-right: 8rpx;
flex-shrink: 0;
}
}
}
.card-bottom {
margin-top: 32rpx;
display: flex;

2
packageA/pages/moreJobs/moreJobs.vue
View File

@@ -13,7 +13,7 @@ import useUserStore from '@/stores/useUserStore';
const { $api, navTo, navBack, vacanciesTo } = inject('globalFunction');
import { storeToRefs } from 'pinia';
import useLocationStore from '@/stores/useLocationStore';
import { usePagination } from '@/hook/usePagination';
import { usePagination } from '@/packageA/hook/usePagination';
import { jobMoreMap } from '@/utils/markdownParser';
const { longitudeVal, latitudeVal } = storeToRefs(useLocationStore());
const loadmoreRef = ref(null);

669
packageA/pages/personalInfo/personalInfo.vue
View File

@@ -52,32 +52,109 @@
</view>
<view class="content-input">
<view class="input-titile">身份证</view>
<input class="input-con" v-model="fromValue.idcard" placeholder="空" />
<input class="input-con" v-model="fromValue.idCard" placeholder="请输入身份证号码" />
</view>
<view class="content-input">
<view class="input-titile">手机号码</view>
<input class="input-con" v-model="fromValue.phone" placeholder="请输入您的手机号码" />
</view>
<view class="content-skills">
<view class="skills-header">
<view class="input-titile">技能信息</view>
<view
class="add-skill-btn"
@click="addSkill"
:class="{ 'disabled': state.skills.length >= 3 }"
>
+ 添加技能
</view>
</view>
<view class="skills-list">
<view class="skill-item" v-for="(skill, index) in state.skills" :key="index">
<view class="skill-header">
<view class="skill-number">技能 {{ index + 1 }}</view>
<view class="skill-actions" v-if="state.skills.length > 1">
<view class="action-btn delete-btn" @click="removeSkill(index)">删除</view>
</view>
</view>
<view class="skill-fields">
<view class="skill-field" @click="changeSkillName(index)">
<view class="field-label">技能名称</view>
<input
class="field-input triangle"
disabled
:value="skill.name"
placeholder="请选择技能名称"
/>
</view>
<view class="skill-field" @click="changeSkillLevel(index)">
<view class="field-label">技能等级</view>
<input
class="field-input triangle"
disabled
:value="getSkillLevelText(skill.level)"
placeholder="请选择技能等级"
/>
</view>
</view>
</view>
<view class="empty-skills" v-if="state.skills.length === 0">
<text class="empty-text">暂无技能信息，点击上方按钮添加</text>
</view>
</view>
</view>
</view>
<SelectPopup ref="selectPopupRef"></SelectPopup>
</AppLayout>
</template>
<script setup>
import { reactive, inject, watch, ref, onMounted } from 'vue';
import { reactive, inject, watch, ref, onMounted, onUnmounted } from 'vue';
import { onLoad, onShow } from '@dcloudio/uni-app';
const { $api, navTo, navBack, checkingPhoneRegExp } = inject('globalFunction');
import { storeToRefs } from 'pinia';
import useUserStore from '@/stores/useUserStore';
import useDictStore from '@/stores/useDictStore';
import SelectPopup from '@/components/selectPopup/selectPopup.vue';
const { userInfo } = storeToRefs(useUserStore());
const { getUserResume } = useUserStore();
const { dictLabel, oneDictData } = useDictStore();
const openSelectPopup = inject('openSelectPopup');
const dictStore = useDictStore();
const { dictLabel, oneDictData, complete: dictComplete, getDictSelectOption } = dictStore;
// #ifdef H5
const injectedOpenSelectPopup = inject('openSelectPopup', null);
// #endif
// #ifdef MP-WEIXIN
const selectPopupRef = ref();
// #endif
// 创建本地的 openSelectPopup 函数，兼容 H5 和微信小程序
const openSelectPopup = (config) => {
// #ifdef MP-WEIXIN
if (selectPopupRef.value) {
selectPopupRef.value.open(config);
}
// #endif
// #ifdef H5
if (injectedOpenSelectPopup) {
injectedOpenSelectPopup(config);
}
// #endif
};
const percent = ref('0%');
const state = reactive({
educationText: '',
politicalAffiliationText: '',
skills: [], // 新的技能数据结构，包含id字段
currentEditingSkillIndex: -1 // 当前正在编辑的技能索引
});
const fromValue = reactive({
name: '',
@@ -85,34 +162,178 @@ const fromValue = reactive({
birthDate: '',
education: '',
politicalAffiliation: '',
idcard: '',
idCard: '',
phone: ''
});
// 移除重复的onLoad定义，已在上方实现
// 在onLoad中初始化数据，确保页面加载时就能获取技能信息
onLoad(() => {
// 初始化页面数据
initLoad();
// setTimeout(() => {
// const { age, birthDate } = useUserStore().userInfo;
// const newAge = calculateAge(birthDate);
// // 计算年龄是否对等
// if (age != newAge) {
// completeResume();
// }
// }, 1000);
});
// 监听页面显示，接收从技能查询页面返回的数据
onShow(() => {
// 通过事件总线接收技能选择结果
uni.$on('skillSelected', handleSkillSelected);
});
// 页面卸载时移除事件监听
onUnmounted(() => {
uni.$off('skillSelected', handleSkillSelected);
});
// 监听 userInfo 变化，确保数据及时更新
watch(() => userInfo.value, (newVal) => {
if (newVal && Object.keys(newVal).length > 0) {
initLoad();
}
}, { deep: true, immediate: false });
// 监听字典数据加载完成，自动更新学历显示
watch(() => dictComplete.value, (newVal) => {
if (newVal) {
console.log('字典数据加载完成，更新学历显示');
// 确保有学历值（如果没有则使用默认值"4"本科）
if (!fromValue.education) {
fromValue.education = '4';
}
// 直接遍历字典数据查找对应标签
const eduValue = String(fromValue.education);
const eduItem = dictStore.state.education.find(item => String(item.value) === eduValue);
if (eduItem && eduItem.label) {
console.log('从字典数据中找到学历标签：', eduItem.label);
state.educationText = eduItem.label;
}
}
});
// 监听学历字典数据变化
watch(() => dictStore.state.education, (newVal) => {
if (newVal && newVal.length > 0) {
console.log('学历字典数据变化，更新显示');
// 确保有学历值（如果没有则使用默认值"4"本科）
if (!fromValue.education) {
fromValue.education = '4';
}
// 直接遍历字典数据查找对应标签
const eduValue = String(fromValue.education);
const eduItem = newVal.find(item => String(item.value) === eduValue);
if (eduItem && eduItem.label) {
console.log('从字典数据中找到学历标签：', eduItem.label);
state.educationText = eduItem.label;
}
}
}, { deep: true });
function initLoad() {
fromValue.name = userInfo.value.name;
fromValue.sex = Number(userInfo.value.sex);
fromValue.phone = userInfo.value.phone;
fromValue.birthDate = userInfo.value.birthDate;
fromValue.education = userInfo.value.education;
fromValue.politicalAffiliation = userInfo.value.politicalAffiliation;
fromValue.idcard = userInfo.value.idcard;
// 回显
state.educationText = dictLabel('education', userInfo.value.education);
state.politicalAffiliationText = dictLabel('affiliation', userInfo.value.politicalAffiliation);
// 优先从 store 获取，如果没有则从本地缓存获取
const cachedUserInfo = uni.getStorageSync('userInfo') || {};
const currentUserInfo = userInfo.value && Object.keys(userInfo.value).length > 0 ? userInfo.value : cachedUserInfo;
fromValue.name = currentUserInfo.name || '';
fromValue.sex = currentUserInfo.sex !== undefined ? Number(currentUserInfo.sex) : 0;
fromValue.phone = currentUserInfo.phone || '';
fromValue.birthDate = currentUserInfo.birthDate || '';
// 将学历转换为字符串类型，确保类型一致
// 如果没有学历值，默认设置为本科（值为"4"）
fromValue.education = currentUserInfo.education ? String(currentUserInfo.education) : '4';
fromValue.politicalAffiliation = currentUserInfo.politicalAffiliation || '';
fromValue.idCard = currentUserInfo.idCard || '';
// 初始化技能数据 - 从appSkillsList获取，保留原始id
if (currentUserInfo.appSkillsList && Array.isArray(currentUserInfo.appSkillsList)) {
// 过滤掉name为空的技能项
const validSkills = currentUserInfo.appSkillsList.filter(item => item.name && item.name.trim() !== '');
if (validSkills.length > 0) {
// 将appSkillsList转换为新的技能数据结构，保留原始id
state.skills = validSkills.map(skill => ({
id: skill.id, // 保留服务器返回的原始id
name: skill.name,
level: skill.levels || ''
}));
} else {
state.skills = [];
}
} else {
state.skills = [];
}
// 初始化学历显示文本（需要等待字典数据加载完成）
initEducationText();
// 回显政治面貌
if (currentUserInfo.politicalAffiliation) {
state.politicalAffiliationText = dictLabel('affiliation', currentUserInfo.politicalAffiliation);
}
const result = getFormCompletionPercent(fromValue);
percent.value = result;
}
// 初始化学历显示文本
function initEducationText() {
// 确保有学历值（如果没有则使用默认值"4"本科）
if (!fromValue.education) {
fromValue.education = '4';
}
console.log('初始化学历显示，当前学历值：', fromValue.education);
// 直接遍历字典数据查找对应标签（不依赖dictLabel函数，确保准确性）
const findLabelFromDict = () => {
if (dictStore.state.education && dictStore.state.education.length > 0) {
const eduValue = String(fromValue.education);
const eduItem = dictStore.state.education.find(item => String(item.value) === eduValue);
if (eduItem && eduItem.label) {
console.log('从字典数据中找到学历标签：', eduItem.label);
state.educationText = eduItem.label;
return true;
} else {
console.log('字典数据中未找到匹配的学历标签');
}
}
return false;
};
// 立即尝试查找
if (!findLabelFromDict() && dictComplete.value) {
// 如果字典数据已加载完成但未找到标签，尝试重新获取字典数据
loadEducationDictAndUpdate();
}
// 等待字典数据加载完成
const checkDictData = () => {
if (dictComplete.value && dictStore.state.education && dictStore.state.education.length > 0) {
findLabelFromDict();
} else {
// 如果字典数据未加载，等待一段时间后重试
setTimeout(() => {
if (dictComplete.value && dictStore.state.education && dictStore.state.education.length > 0) {
findLabelFromDict();
} else {
// 尝试主动加载字典数据
loadEducationDictAndUpdate();
}
}, 500);
}
};
// 主动加载学历字典数据并更新显示
function loadEducationDictAndUpdate() {
getDictSelectOption('education').then((data) => {
console.log('主动加载学历字典数据：', data);
dictStore.state.education = data;
findLabelFromDict();
}).catch((error) => {
console.error('加载学历字典数据失败:', error);
});
}
checkDictData();
}
const confirm = () => {
if (!fromValue.name) {
return $api.msg('请输入姓名');
@@ -129,19 +350,125 @@ const confirm = () => {
if (!checkingPhoneRegExp(fromValue.phone)) {
return $api.msg('请输入正确手机号');
}
// 构建appSkillsList数据结构 - 使用新的技能数据结构，包含id字段
const appSkillsList = state.skills
.filter(skill => skill.name && skill.name.trim() !== '')
.map(skill => ({
id: skill.id, // 包含技能id，用于更新操作
name: skill.name,
levels: skill.level || ''
}));
const params = {
...fromValue,
age: calculateAge(fromValue.birthDate),
appSkillsList: appSkillsList
};
$api.createRequest('/app/user/resume', params, 'post').then((resData) => {
$api.msg('完成');
state.disbleDate = true;
getUserResume().then(() => {
navBack();
});
});
};
// 添加技能
function addSkill() {
if (state.skills.length >= 3) {
$api.msg('最多只能添加3个技能');
return;
}
// 添加新的技能对象，新增技能不需要id，后端会自动生成
state.skills.push({
name: '',
level: ''
});
// 更新完成度
const result = getFormCompletionPercent(fromValue);
percent.value = result;
}
// 删除技能
function removeSkill(index) {
state.skills.splice(index, 1);
// 更新完成度
const result = getFormCompletionPercent(fromValue);
percent.value = result;
}
// 获取技能等级文本
function getSkillLevelText(level) {
const levelMap = {
'1': '初级',
'2': '中级',
'3': '高级'
};
return levelMap[level] || '';
}
// 选择技能名称
function changeSkillName(index) {
state.currentEditingSkillIndex = index;
// 将当前已选中的技能名称传递给查询页面
const selectedSkills = state.skills.map(skill => skill.name).filter(name => name);
uni.navigateTo({
url: `/pages/complete-info/skill-search?selected=${encodeURIComponent(JSON.stringify(selectedSkills))}`
});
}
// 选择技能等级
function changeSkillLevel(index) {
const skillLevels = [
{ label: '初级', value: '1' },
{ label: '中级', value: '2' },
{ label: '高级', value: '3' }
];
// 查找当前技能等级在数据中的索引
let defaultIndex = [0];
const currentSkill = state.skills[index];
if (currentSkill && currentSkill.level) {
const index = skillLevels.findIndex(item => item.value === currentSkill.level);
if (index >= 0) {
defaultIndex = [index];
}
}
openSelectPopup({
title: '技能等级',
maskClick: true,
data: [skillLevels],
defaultIndex: defaultIndex,
success: (_, [value]) => {
state.skills[index].level = value.value;
// 更新完成度
const result = getFormCompletionPercent(fromValue);
percent.value = result;
},
});
}
// 技能选择回调函数
const handleSkillSelected = (skillName) => {
if (skillName && state.currentEditingSkillIndex >= 0) {
// 更新当前编辑的技能名称
state.skills[state.currentEditingSkillIndex].name = skillName;
// 重置当前编辑索引
state.currentEditingSkillIndex = -1;
// 更新完成度
const result = getFormCompletionPercent(fromValue);
percent.value = result;
}
};
const changeDateBirt = () => {
const datearray = generateDatePickerArrays();
const defaultIndex = getDatePickerIndexes(fromValue.birthDate);
@@ -161,17 +488,97 @@ const changeDateBirt = () => {
},
});
};
const changeEducation = () => {
async function changeEducation() {
// 确保字典数据已加载
if (!dictComplete.value || !dictStore.state.education || dictStore.state.education.length === 0) {
// 如果字典数据未加载，先加载数据
try {
await getDictSelectOption('education').then((data) => {
dictStore.state.education = data;
});
} catch (error) {
console.error('加载学历字典数据失败:', error);
}
}
// 等待数据加载完成后再获取数据
let educationData = oneDictData('education');
// 如果数据还是为空，等待一下再试
if (!educationData || educationData.length === 0) {
await new Promise(resolve => setTimeout(resolve, 100));
educationData = oneDictData('education');
if (!educationData || educationData.length === 0) {
$api.msg('学历数据加载中，请稍后再试');
return;
}
}
// 确保有默认值
if (!fromValue.education) {
fromValue.education = '4'; // 默认设置为本科
}
// 将当前学历值转换为字符串，用于查找默认索引
const currentEducation = String(fromValue.education);
// 查找当前学历在数据中的索引
let defaultIndex = [0];
if (currentEducation && educationData && educationData.length > 0) {
// 同时支持字符串和数字类型的匹配
const index = educationData.findIndex(item => {
const itemValue = String(item.value);
return itemValue === currentEducation;
});
if (index >= 0) {
defaultIndex = [index];
console.log('找到学历默认索引:', index, '当前值:', currentEducation);
} else {
// 如果字符串匹配失败，尝试数字匹配
const currentNum = Number(currentEducation);
if (!isNaN(currentNum)) {
const numIndex = educationData.findIndex(item => {
const itemValue = Number(item.value);
return !isNaN(itemValue) && itemValue === currentNum;
});
if (numIndex >= 0) {
defaultIndex = [numIndex];
console.log('通过数字匹配找到学历默认索引:', numIndex, '当前值:', currentNum);
} else {
console.warn('未找到匹配的学历值:', currentEducation, '可用值:', educationData.map(item => item.value));
}
}
}
}
openSelectPopup({
title: '学历',
maskClick: true,
data: [oneDictData('education')],
data: [educationData],
defaultIndex: defaultIndex,
success: (_, [value]) => {
fromValue.education = value.value;
state.educationText = value.label;
console.log('切换学历选择，新值：', value.value);
fromValue.education = String(value.value); // 确保存储为字符串
// 使用相同的字典数据查找逻辑
const eduValue = String(value.value);
const eduItem = dictStore.state.education.find(item => String(item.value) === eduValue);
if (eduItem && eduItem.label) {
console.log('从字典数据中找到学历标签：', eduItem.label);
state.educationText = eduItem.label;
} else {
// 如果没找到，尝试重新加载字典数据
console.log('字典中未找到对应标签，尝试重新加载字典数据');
getDictSelectOption('education').then((data) => {
dictStore.state.education = data;
const newEduItem = data.find(item => String(item.value) === eduValue);
if (newEduItem && newEduItem.label) {
state.educationText = newEduItem.label;
}
});
}
},
});
};
}
const changeSex = (sex) => {
fromValue.sex = sex;
};
@@ -188,6 +595,7 @@ const changePoliticalAffiliation = () => {
});
};
function generateDatePickerArrays(startYear = 1975, endYear = new Date().getFullYear()) {
const years = [];
const months = [];
@@ -207,14 +615,39 @@ function generateDatePickerArrays(startYear = 1975, endYear = new Date().getFull
}
function isValidDate(dateString) {
const [year, month, day] = dateString.split('-').map(Number);
// 添加空值检查
if (!dateString || typeof dateString !== 'string' || dateString.trim() === '') {
return false;
}
const dateParts = dateString.split('-');
if (dateParts.length !== 3) {
return false;
}
const [year, month, day] = dateParts.map(Number);
// 检查是否为有效数字
if (isNaN(year) || isNaN(month) || isNaN(day)) {
return false;
}
const date = new Date(year, month - 1, day); // 月份从0开始
return date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day;
}
const calculateAge = (birthDate) => {
// 添加空值检查
if (!birthDate) {
return '';
}
const birth = new Date(birthDate);
// 检查日期是否有效
if (isNaN(birth.getTime())) {
return '';
}
const today = new Date();
let age = today.getFullYear() - birth.getFullYear();
const monthDiff = today.getMonth() - birth.getMonth();
@@ -249,13 +682,33 @@ function getFormCompletionPercent(form) {
}
// 主函数
function getDatePickerIndexes(dateStr) {
const [year, month, day] = dateStr.split('-');
// 添加空值检查，如果dateStr为空或null，返回默认值（当前日期）
if (!dateStr || typeof dateStr !== 'string' || dateStr.trim() === '') {
const today = new Date();
const year = today.getFullYear().toString();
const month = (today.getMonth() + 1).toString().padStart(2, '0');
const day = today.getDate().toString().padStart(2, '0');
dateStr = `${year}-${month}-${day}`;
}
let dateParts = dateStr.split('-');
if (dateParts.length !== 3) {
// 如果分割后不是3部分，使用当前日期作为默认值
const today = new Date();
const year = today.getFullYear().toString();
const month = (today.getMonth() + 1).toString().padStart(2, '0');
const day = today.getDate().toString().padStart(2, '0');
dateStr = `${year}-${month}-${day}`;
dateParts = dateStr.split('-');
}
const [year, month, day] = dateParts;
const [years, months, days] = generateDatePickerArrays();
const yearIndex = years.indexOf(year);
const monthIndex = months.indexOf(month);
const dayIndex = days.indexOf(day);
const yearIndex = years.indexOf(year) >= 0 ? years.indexOf(year) : 0;
const monthIndex = months.indexOf(month) >= 0 ? months.indexOf(month) : 0;
const dayIndex = days.indexOf(day) >= 0 ? days.indexOf(day) : 0;
return [yearIndex, monthIndex, dayIndex];
}
@@ -307,6 +760,28 @@ function getDatePickerIndexes(dateStr) {
border-radius: 2rpx
background: #697279;
transform: rotate(45deg)
.input-nx
position: relative
border-bottom: 2rpx solid #EBEBEB
padding-bottom: 30rpx
display: flex
flex-wrap: wrap
.nx-item
padding: 16rpx 24rpx
width: fit-content
border-radius: 20rpx
border: 2rpx solid #E8EAEE
background-color: #f8f9fa
margin-right: 16rpx
margin-top: 16rpx
font-size: 28rpx
color: #333333
transition: all 0.2s ease
&:hover
background-color: #e9ecef
border-color: #256bfa
color: #256bfa
.content-sex
height: 110rpx;
display: flex
@@ -343,4 +818,130 @@ function getDatePickerIndexes(dateStr) {
color: #FFFFFF;
text-align: center;
line-height: 90rpx
// 技能信息样式
.content-skills
margin-bottom: 52rpx
.skills-header
display: flex
justify-content: space-between
align-items: center
margin-bottom: 32rpx
.input-titile
font-weight: 400
font-size: 28rpx
color: #6A6A6A
.add-skill-btn
padding: 16rpx 32rpx
background: #256BFA
color: #FFFFFF
border-radius: 8rpx
font-size: 26rpx
font-weight: 500
transition: all 0.3s ease
&:active
background: #1a5cd9
transform: scale(0.98)
&.disabled
background: #CCCCCC
color: #999999
cursor: not-allowed
&:active
background: #CCCCCC
transform: none
.skills-list
.skill-item
background: #FFFFFF
border: 2rpx solid #E8EAEE
border-radius: 12rpx
padding: 24rpx
margin-bottom: 24rpx
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.05)
transition: all 0.3s ease
&:hover
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1)
border-color: #256BFA
.skill-header
display: flex
justify-content: space-between
align-items: center
margin-bottom: 20rpx
.skill-number
font-weight: 500
font-size: 28rpx
color: #333333
.skill-actions
.action-btn
padding: 8rpx 16rpx
border-radius: 6rpx
font-size: 24rpx
font-weight: 400
transition: all 0.2s ease
&.delete-btn
background: #FF4D4F
color: #FFFFFF
&:active
background: #D9363E
transform: scale(0.95)
.skill-fields
display: flex
flex-direction: column
gap: 20rpx
.skill-field
.field-label
font-weight: 400
font-size: 26rpx
color: #6A6A6A
margin-bottom: 8rpx
.field-input
font-weight: 400
font-size: 28rpx
color: #333333
line-height: 72rpx
height: 72rpx
border: 2rpx solid #E8EAEE
border-radius: 8rpx
padding: 0 20rpx
background: #F8F9FA
transition: all 0.3s ease
&:focus
border-color: #256BFA
background: #FFFFFF
&.triangle::before
right: 30rpx
top: calc(50% - 2rpx)
&.triangle::after
right: 30rpx
top: 50%
.empty-skills
text-align: center
padding: 60rpx 0
background: #F8F9FA
border-radius: 12rpx
border: 2rpx dashed #E8EAEE
.empty-text
font-size: 28rpx
color: #999999
font-weight: 400
</style>

86
packageA/pages/post/post.vue
View File

@@ -1,5 +1,5 @@
<template>
<AppLayout title="" backGorundColor="#F4F4F4">
<AppLayout backGorundColor="#F4F4F4">
<template #headerleft>
<view class="btnback">
<image src="@/static/icon/back.png" @click="navBack"></image>
@@ -10,11 +10,12 @@
<image src="@/static/icon/share.png" @click="shareJob"></image>
</view> -->
<view class="btn mar_ri10">
<image src="@/static/icon/collect3.png" v-if="!jobInfo.isCollection" @click="jobCollection"></image>
<image src="@/static/icon/collect3.png" v-if="jobInfo.isCollection!==0" @click="jobCollection"></image>
<image src="@/static/icon/collect2.png" v-else @click="jobCollection"></image>
</view>
</template>
<view class="content" v-show="!isEmptyObject(jobInfo)">
<view class="content-top btn-feel">
<view style="background: #ffffff;padding: 24rpx;box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0,0,0,0.04);border-radius: 20rpx 20rpx 20rpx 20rpx;position: relative;overflow: hidden;">
<view class="top-salary">
@@ -35,10 +36,19 @@
<dict-Label dictType="education" :value="jobInfo.education"></dict-Label>
</view>
</view>
<view class="position-source">
<text>来源&nbsp;</text>
{{ jobInfo.dataSource }}
</view>
<!-- <view class="position-source">
<text>来源&nbsp;</text>
{{ jobInfo.dataSource }}
</view> -->
<view class="position-source">
<view class="btn">
<image src="@/static/icon/collect3.png" v-if="jobInfo.isCollection!==0" @click="jobCollection"></image>
<image src="@/static/icon/collect2.png" v-else @click="jobCollection"></image>
</view>
</view>
<view class="publish-time" v-if="jobInfo.postingDate">
{{ formatPublishTime(jobInfo.postingDate) }}
</view>
</view>
</view>
<view class="ai-explain" v-if="jobInfo.isExplain">
@@ -176,7 +186,7 @@
<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">投递简历</view>
</view>
</template>
<VideoPlayer ref="videoPalyerRef" />
@@ -397,17 +407,23 @@ function getCompetivetuveness(jobId) {
// 申请岗位
function jobApply() {
const jobId = jobInfo.value.jobId;
if (jobInfo.value.isApply) {
const jobUrl = jobInfo.value.jobUrl;
return window.open(jobUrl);
} else {
$api.createRequest(`/app/job/apply/${jobId}`, {}, 'GET').then((resData) => {
$api.createRequest(`/app/job/apply/${jobId}`, {}, 'GET').then((resData) => {
getDetail(jobId);
$api.msg('申请成功');
const jobUrl = jobInfo.value.jobUrl;
return window.open(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);
// });
// }
}
// 取消/收藏岗位
@@ -440,6 +456,32 @@ function getClass(index) {
return '';
}
}
// 格式化发布时间
function formatPublishTime(dateString) {
if (!dateString) return '';
const date = new Date(dateString);
const now = new Date();
const diffTime = Math.abs(now - date);
const diffDays = Math.floor(diffTime / (1000 * 60 * 60 * 24));
if (diffDays === 0) {
return '今天发布';
} else if (diffDays === 1) {
return '昨天发布';
} else if (diffDays < 7) {
return `${diffDays}天前发布`;
} else if (diffDays < 30) {
const weeks = Math.floor(diffDays / 7);
return `${weeks}周前发布`;
} else {
const year = date.getFullYear();
const month = date.getMonth() + 1;
const day = date.getDate();
return `${year}-${month.toString().padStart(2, '0')}-${day.toString().padStart(2, '0')}`;
}
}
</script>
<style lang="stylus" scoped>
@@ -621,7 +663,7 @@ for i in 0..100
top: 0
right: 0
width: fit-content;
height: 76rpx;
height: 65rpx;
padding: 0 24rpx
background: rgba(37,107,250,0.1);
box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0,0,0,0.04);
@@ -707,6 +749,20 @@ for i in 0..100
}
}
}
/* #ifdef H5 */
.footer{
position: fixed;
bottom: 0;
width: 100%;
padding: 20rpx 0!important
z-index: 1000;
.btn-wq{
display: block;
width: 94%;
margin: 0 auto;
}
}
/* #endif */
.footer{
background: #FFFFFF;
box-shadow: 0rpx -4rpx 24rpx 0rpx rgba(11,44,112,0.12);

0
packageA/pages/reservation/component/countdown.vue → packageA/pages/selectDate/reservation/component/countdown.vue
View File

0
packageA/pages/reservation/reservation.vue → packageA/pages/selectDate/reservation/reservation.vue
View File

2
packageA/pages/selectDate/selectDate.vue
View File

@@ -50,7 +50,7 @@ const { $api, navTo, navBack } = inject('globalFunction');
const weekMap = ['日', '一', '二', '三', '四', '五', '六'];
const calendarData = ref([]);
const current = ref({});
import { Solar, Lunar } from '@/lib/lunar-javascript@1.7.2.js';
import { Solar, Lunar } from '@/packageA/lib/lunar-javascript@1.7.2.js';
const isRecord = ref(false);
const recordNum = ref(4);

392
packageB/priority/helpFilter.vue
View File

@@ -1,10 +1,5 @@
<template>
<AppLayout :title="title" :show-bg-image="false" @onScrollBottom="getDataList('add')">
<!-- <template #headerleft>
<view class="btnback">
<image src="@/static/icon/back.png" @click="navBack"></image>
</view>
</template> -->
<view class="main-list" :style="getBackgroundStyle('k.png')">
<view class="list-top">
<view class="list-title">
@@ -13,7 +8,7 @@
</view>
<view class="title-right button-sp-area">
<button class="mini-btn search-box-btn" type="primary" size="mini" @click="handleSearch">查询</button>
<button class="mini-btn reset-box-btn" type="default" size="mini">重置</button>
<button class="mini-btn reset-box-btn" type="default" size="mini" @click="handleReset">重置</button>
</view>
</view>
@@ -21,114 +16,69 @@
<!-- 人员姓名 -->
<view class="search-item">
<text class="label">人员姓名：</text>
<input
v-model="formData.name"
class="input"
type="text"
placeholder="请输入人员姓名"
/>
<uni-easyinput v-model="formData.name" placeholder="请输入人员姓名"></uni-easyinput>
</view>
<!-- 身份证号 -->
<view class="search-item">
<text class="label">身份证号：</text>
<input
v-model="formData.idCard"
class="input"
type="text"
placeholder="请输入身份证号"
/>
<uni-easyinput v-model="formData.idCard" placeholder="请输入身份证号"></uni-easyinput>
</view>
<!-- 帮扶类型（下拉选择） -->
<view class="search-item">
<text class="label">帮扶类型：</text>
<picker
mode="selector"
:range="helpTypes"
:value="helpTypeIndex"
@change="onHelpTypeChange"
class="picker"
>
<view class="picker-value">{{ helpTypes[helpTypeIndex] || '请选择帮扶类型' }}</view>
</picker>
<uni-data-select v-model="formData.taskType" :localdata="taskTypeOptions" placeholder="请选择帮扶类型" @change="onTaskTypeChange"></uni-data-select>
</view>
<!-- 帮扶人员 -->
<view class="search-item">
<text class="label">帮扶人员：</text>
<input
v-model="formData.helperName"
class="input"
type="text"
placeholder="请输入帮扶人员姓名"
/>
<uni-easyinput v-model="formData.createByName" placeholder="请输入帮扶人员姓名"></uni-easyinput>
</view>
<!-- 所属区域（下拉选择） -->
<view class="search-item">
<text class="label">所属区域：</text>
<picker
mode="selector"
:range="regions"
:value="regionIndex"
@change="onRegionChange"
class="picker"
>
<view class="picker-value">{{ regions[regionIndex] || '请选择所属区域' }}</view>
</picker>
<uni-data-picker ref="picker" class="picker" placeholder="请选择所属区域" popup-title="请选择所属区域" :localdata="regions" v-model="formData.helpArea"
@change="onchange" >
</uni-data-picker>
</view>
<!-- 开始时间 -->
<view class="search-item">
<view class="search-item" v-if="false">
<text class="label">开始时间：</text>
<picker
mode="date"
:value="formData.startTime"
@change="onStartTimeChange"
class="picker"
>
<view class="picker-value">{{ formData.startTime || '请选择开始时间' }}</view>
</picker>
<uni-datetime-picker type="date" placeholder="请选择开始时间" v-model="formData.startTime" @maskClick="onStartTimeChange" />
</view>
<!-- 结束时间 -->
<view class="search-item">
<view class="search-item" v-if="false">
<text class="label">结束时间：</text>
<picker
mode="date"
:value="formData.endTime"
@change="onEndTimeChange"
class="picker"
>
<view class="picker-value">{{ formData.endTime || '请选择结束时间' }}</view>
</picker>
<uni-datetime-picker type="date" placeholder="请选择结束时间" v-model="formData.endTime" @maskClick="onEndTimeChange" />
</view>
</view>
<!-- <empty v-else pdTop="200"></empty> -->
</view>
<view class="main-list" :style="getBackgroundStyle('k.png')">
<view class="list-top">
<view class="list-title">
<text>帮扶记录列表</text>
<view class="title-line"></view>
<view class="title-line" style="left: 70rpx;"></view>
</view>
<view class="title-total">
共<text class="total-num">7</text>条记录
共<text class="total-num">{{totalNum}}</text>条记录
</view>
</view>
<!-- v-if="dataList.length>0" -->
<view class="list-box" >
<view class="list-box" v-if="dataList.length>0">
<view class="con-box" v-for="(item,index) in dataList" :key="index">
<view class="form-title">
<view class="form-name">
{{item.name}}
</view>
<view class="form-type">
{{item.type}}
{{getTaskTypeLabelByValue(item.task_type)}}
</view>
</view>
<view class="form-item">
<view class="form-item" v-if="item.phone">
<view class="item-left">
<image class="item-img" :src="baseUrl+'/dispatch/tele.png'" mode=""></image>
<view class="item-label">
@@ -139,7 +89,7 @@
{{item.phone}}
</view>
</view>
<view class="form-item">
<view class="form-item" v-if="item.id_card">
<view class="item-left">
<image class="item-img" :src="baseUrl+'/dispatch/num.png'" mode=""></image>
<view class="item-label">
@@ -147,10 +97,10 @@
</view>
</view>
<view class="item-right">
{{item.idCard}}
{{item.id_card}}
</view>
</view>
<view class="form-item">
<view class="form-item" v-if="item.dept_name">
<view class="item-left">
<image class="item-img" :src="baseUrl+'/dispatch/base.png'" mode=""></image>
<view class="item-label">
@@ -158,10 +108,10 @@
</view>
</view>
<view class="item-right">
{{item.region}}
{{item.dept_name}}
</view>
</view>
<view class="form-item">
<view class="form-item" v-if="item.create_by_name">
<view class="item-left">
<image class="item-img" :src="baseUrl+'/dispatch/person.png'" mode=""></image>
<view class="item-label">
@@ -169,10 +119,10 @@
</view>
</view>
<view class="item-right">
{{item.helperName}}
{{item.create_by_name}}
</view>
</view>
<view class="form-item">
<view class="form-item" v-if="item.create_by_dept_name">
<view class="item-left">
<image class="item-img" :src="baseUrl+'/dispatch/help.png'" mode=""></image>
<view class="item-label">
@@ -180,10 +130,10 @@
</view>
</view>
<view class="item-right">
{{item.unit}}
{{item.create_by_dept_name}}
</view>
</view>
<view class="form-item">
<view class="form-item" v-if="item.follow_date">
<view class="item-left">
<image class="item-img" :src="baseUrl+'/dispatch/date.png'" mode=""></image>
<view class="item-label">
@@ -191,10 +141,10 @@
</view>
</view>
<view class="item-right">
{{item.assistanceDate}}
{{item.follow_date}}
</view>
</view>
<view class="form-item">
<view class="form-item" v-if="item.next_contact_date">
<view class="item-left">
<image class="item-img" :src="baseUrl+'/dispatch/next.png'" mode=""></image>
<view class="item-label">
@@ -202,37 +152,41 @@
</view>
</view>
<view class="item-right">
{{item.nextContact}}
{{item.next_contact_date}}
</view>
</view>
<view class="form-btns">
<button class="mini-btn form-box-btn detail-btn" size="mini" >详情</button>
<button class="mini-btn form-box-btn detail-btn" size="mini" v-if="false">详情</button>
<button class="mini-btn form-box-btn follow-btn" size="mini" @click="goFollow(item)">跟进</button>
<button class="mini-btn form-box-btn recommend-btn" size="mini" >智能推荐</button>
</view>
</view>
</view>
<!-- <empty v-else pdTop="200"></empty> -->
<empty v-else pdTop="200"></empty>
</view>
</AppLayout>
</template>
<script setup>
import { inject, ref, reactive } from 'vue';
import { inject, ref, reactive,onMounted } from 'vue';
import { onLoad } from '@dcloudio/uni-app';
const { $api, navTo, navBack } = inject('globalFunction');
import config from "@/config.js"
// state
const title = ref('');
const formData = reactive({
const initialForm = {
name: '',
idCard: '',
helperName: '',
taskType: '',
createByName: '',
helpArea: [],
startTime: '',
endTime: ''
})
const searchKeyword = ref('');
endTime: '',
deptId:''
}
const formData = reactive({ ...initialForm });
const taskTypeOptions=ref([])
const dataList=ref([])
const pageSize=ref(10)
const pageNum=ref(1)
@@ -245,23 +199,16 @@ const getBackgroundStyle = (imageName) => ({
backgroundRepeat: 'no-repeat'
});
const trainVideoImgUrl=config.trainVideoImgUrl
// 帮扶类型选项
const helpTypes = ['经济帮扶', '教育帮扶', '医疗帮扶', '就业帮扶']
const helpTypeIndex = ref(0)
const picker = ref(null)
// 所属区域选项（可根据实际替换为动态数据）
const regions = ['北京市', '上海市', '广州市', '深圳市', '杭州市']
const regionIndex = ref(0)
const regions = ref([])
// 事件处理
const onHelpTypeChange = (e) => {
helpTypeIndex.value = e.detail.value
const onTaskTypeChange = (e) => {
formData.taskType=e
}
const onRegionChange = (e) => {
regionIndex.value = e.detail.value
}
const onStartTimeChange = (e) => {
formData.startTime = e.detail.value
}
@@ -271,99 +218,167 @@ const onEndTimeChange = (e) => {
}
const handleSearch = () => {
console.log('当前搜索条件:', {
...formData,
helpType: helpTypes[helpTypeIndex.value],
region: regions[regionIndex.value]
})
// 在这里调用接口进行搜索
getDataList('refresh')
}
const handleReset = () =>{
Object.assign(formData, initialForm);
getDataList('refresh')
}
onMounted(async () => {
await loadLevelData('201');
});
onLoad(() => {
getDictionary()
// getDeptOptions()
getDataList('refresh');
});
// 获取视频列表
function getDataList(type = 'add') {
// let maxPage=Math.ceil(totalNum.value/pageSize.value)
// let params={}
// if (type === 'refresh') {
// pageNum.value = 1;
// params={
// category:'',
// hour:'',
// level:'',
// searchValue:searchKeyword.value,
// orderStr:'',
// pageSize:pageSize.value,
// pageNum:pageNum.value
// }
// $api.myRequest('/train/public/trainVideo/trainVideoList', params).then((resData) => {
// dataList.value=resData.rows
// totalNum.value=resData.total
// });
// }
// if (type === 'add' && pageNum.value < maxPage) {
// pageNum.value += 1;
// params={
// category:'',
// hour:'',
// level:'',
// searchValue:searchKeyword.value,
// orderStr:'',
// pageSize:pageSize.value,
// pageNum:pageNum.value
// }
// $api.myRequest('/train/public/trainVideo/trainVideoList', params).then((resData) => {
// dataList.value=dataList.value.concat(resData.rows)
// totalNum.value=resData.total
// });
// }
dataList.value=[
{
name: '王小明',
idCard: '370781199107166029',
helperName: '喀什',
startTime: '2025/11/24',
endTime: '2025/11/25',
phone:'18340050862',
region:'喀什地区',
unit:'新生社区',
type:'招聘单位推荐',
assistanceDate:'2025/11/25',
nextContact:'2025/11/30',
id:'1'
},
{
name: '王大明',
idCard: '370781199107166029',
helperName: '喀什',
startTime: '2025/11/24',
endTime: '2025/11/25',
phone:'18340050862',
region:'喀什地区',
unit:'新生社区',
type:'招聘单位推荐',
assistanceDate:'2025/11/25',
nextContact:'2025/11/30',
id:'2'
},
]
function getDictionary(){
$api.myRequest('/system/public/dict/data/type/assist_task_type').then((resData) => {
if(resData && resData.code == 200){
resData.data.forEach(item=>{
const obj = {
value: item.dictValue,
text: item.dictLabel
}
taskTypeOptions.value.push(obj)
})
}
});
}
function getTaskTypeLabelByValue(value) {
if (!Array.isArray(taskTypeOptions.value)) {
return ''
}
const item = taskTypeOptions.value.find(item => item.value === String(value))
return item ? item.text : '暂无帮扶类型'
}
// 加载某一级的数据（parentId 为空表示根）
async function loadLevelData(parentId) {
let header = {
'Authorization': uni.getStorageSync('Padmin-Token'),
'Content-Type': "application/x-www-form-urlencoded"
};
let params = { parentId };
// 播放视频
try {
const resData = await $api.myRequest('/dispatch/dept/list', params, 'get', 9100, header);
if(resData.data.length==0){
picker.value.hide()
return
}
const formatted = (resData.data || []).map(item => ({
text: item.deptName,
value: item.deptId,
children: []
}));
if (parentId === '201') {
// 第一层
regions.value = formatted;
} else {
// 找到父节点并注入 children
injectChildren(parentId, formatted);
}
} catch (error) {
console.error("加载部门数据失败:", error);
uni.showToast({ title: '加载失败', icon: 'none' });
}
}
// 将子级数据注入到对应的父节点
function injectChildren(parentValue, childrenData) {
const findAndInject = (nodes) => {
for (let node of nodes) {
if (node.value === parentValue) {
// 如果 children 已存在且非空，避免重复加载
if (!node.children || node.children.length === 0) {
node.children = childrenData;
}
return true;
}
if (node.children && node.children.length > 0) {
if (findAndInject(node.children)) return true;
}
}
return false;
}
findAndInject(regions.value);
// 强制更新
}
// 当用户选择时触发（注意：change 在每级选择后都会触发）
function onchange(e) {
const selectedValues = e.detail.value;
formData.deptId=selectedValues.map(item => item.value).join(',');
if (selectedValues.length === 0) return;
// 获取最后一级选中的 value
const lastSelectedValue = selectedValues[selectedValues.length - 1];
// 查找该节点是否有 children，如果没有则尝试加载
const node = findNodeByValue(regions.value, lastSelectedValue);
if (node && (!node.children || node.children.length === 0)) {
// 检查接口是否还有下一级（可通过接口返回判断，或先尝试加载）
// 这里我们直接尝试加载下一级
loadLevelData(lastSelectedValue.value);
picker.value.show()
}
}
// 工具函数：根据 value 查找节点
function findNodeByValue(nodes, value) {
for (let node of nodes) {
if (node.value === value.value) {
return node;
}
if (node.children && node.children.length > 0) {
const found = findNodeByValue(node.children, value);
if (found) return found;
}
}
return null;
}
function getDeptOptions(){
let header={
'Authorization':uni.getStorageSync('Padmin-Token'),
'Content-Type': "application/x-www-form-urlencoded"
}
let params={
parentId:''
}
$api.myRequest('/dispatch/dept/list', params,'get',9100,header).then((resData) => {
});
}
function getDataList(type = 'add') {
let maxPage=Math.ceil(totalNum.value/pageSize.value)
let params=({...formData})
let header={
'Authorization':uni.getStorageSync('Padmin-Token'),
'Content-Type': "application/x-www-form-urlencoded"
}
if (type === 'refresh') {
pageNum.value = 1;
params.pageSize=pageSize.value
params.pageNum=pageNum.value
$api.myRequest('/dispatch/assist/records/pageRecords', params,'get',9100,header).then((resData) => {
if(resData&&resData.code == 200){
dataList.value=resData.rows
totalNum.value=resData.total
}
});
}
if (type === 'add' && pageNum.value < maxPage) {
pageNum.value += 1;
params.pageSize=pageSize.value
params.pageNum=pageNum.value
$api.myRequest('/dispatch/assist/records/pageRecords', params,'get',9100,header).then((resData) => {
dataList.value=dataList.value.concat(resData.rows)
});
}
}
function goFollow(item) {
navTo(`/packageB/priority/helpFollow?id=${item.id}`);
navTo(`/packageB/priority/helpFollow?id=${item.goal_person_id}&&name=${item.name}&&taskType=${getTaskTypeLabelByValue(item.task_type)}`);
}
</script>
<style lang="stylus" scoped>
.btnback
width: 64rpx
height: 64rpx
image
height: 100%
@@ -371,7 +386,7 @@ image
.main-list
background-color: #ffffff
padding: 20rpx 20rpx 28rpx 20rpx
padding: 20rpx 30rpx 28rpx 30rpx
margin: 30rpx 30rpx
box-shadow: 0px 3px 20px 0px rgba(0,105,234,0.1)
border-radius: 12px
@@ -421,20 +436,13 @@ image
width: 160rpx
font-size: 28rpx
color: #404040
flex-shrink: 0
.input,
.picker
background: #FFFFFF
flex: 1
height: 72rpx
padding: 0 20rpx
border: 1px solid #A0A0A0
border-radius: 8rpx
font-size: 28rpx
line-height: 72rpx
.picker-value
color: #666
min-width: 0
.list-box
margin-top: 40rpx
.con-box
@@ -474,9 +482,13 @@ image
.item-label
font-size: 26rpx
color: #B3B3B3
width: 130rpx
.item-right
font-size: 26rpx
color: #737373
overflow: hidden
text-overflow: ellipsis
white-space: nowrap
.form-btns
margin-top:30rpx
.form-box-btn

406
packageB/priority/helpFollow.vue
View File

@@ -1,10 +1,5 @@
<template>
<AppLayout :title="title" :show-bg-image="false" @onScrollBottom="getDataList('add')">
<!-- <template #headerleft>
<view class="btnback">
<image src="@/static/icon/back.png" @click="navBack"></image>
</view>
</template> -->
<AppLayout :title="title" :show-bg-image="false" >
<view class="info-box">
<view class="info-item info-line">
<image class="info-img" :src="baseUrl+'/dispatch/person-icon.png'" mode=""></image>
@@ -12,7 +7,7 @@
人员姓名
</view>
<view class="info-value">
王小美
{{personInfo.name}}
</view>
</view>
<view class="info-item">
@@ -21,7 +16,7 @@
帮扶类型
</view>
<view class="info-value">
招聘岗位推荐
{{personInfo.taskType}}
</view>
</view>
</view>
@@ -34,56 +29,35 @@
</view>
<view class="form-container">
<uni-forms ref="formRef" v-model="formData" :rules="rules" validate-trigger="submit">
<uni-forms ref="formRef" v-model="formData" :rules="rules" validate-trigger="submit" >
<!-- 跟进日期 -->
<uni-forms-item label="跟进日期：" name="followDate" required>
<picker mode="date" :value="formData.followDate" @change="onDateChange('followDate', $event)">
<view class="picker-value">{{ formData.followDate || '请选择跟进日期' }}</view>
</picker>
<uni-forms-item label="跟进日期：" name="followDate" required >
<uni-datetime-picker class="picker-value" type="date" placeholder="请选择跟进日期" v-model="formData.followDate" @change="onFollowDateChange" />
</uni-forms-item>
<!-- 跟进方式 -->
<uni-forms-item label="跟进方式：" name="followMethod" required>
<picker mode="selector" :range="followMethods" :value="methodIndex" @change="onMethodChange">
<view class="picker-value">{{ followMethods[methodIndex] || '请选择跟进方式' }}</view>
</picker>
<uni-forms-item label="跟进方式：" name="followWay" required >
<uni-data-select v-model="formData.followWay" placeholder="请选择跟进方式" :localdata="followWays" @change="onMethodChange"></uni-data-select>
</uni-forms-item>
<!-- 跟进内容 -->
<uni-forms-item label="跟进内容：" name="followContent" required>
<textarea
v-model="formData.followContent"
class="textarea"
placeholder="请输入跟进内容"
:maxlength="500"
/>
<uni-forms-item label="跟进内容：" name="content" required>
<uni-easyinput type="textarea" v-model="formData.content" placeholder="请输入跟进内容"></uni-easyinput>
</uni-forms-item>
<!-- 跟进结果 -->
<uni-forms-item label="跟进结果：" name="followResult" required>
<textarea
v-model="formData.followResult"
class="textarea"
placeholder="请输入跟进结果"
:maxlength="500"
/>
<uni-forms-item label="跟进结果：" name="result" required>
<uni-easyinput type="textarea" v-model="formData.result" placeholder="请输入跟进结果"></uni-easyinput>
</uni-forms-item>
<!-- 下一步计划 -->
<uni-forms-item label="下一步计划：" name="nextPlan">
<textarea
v-model="formData.nextPlan"
class="textarea"
placeholder="请输入下一步计划（可选）"
:maxlength="500"
/>
<uni-easyinput type="textarea" v-model="formData.nextPlan" placeholder="请输入下一步计划（可选）"></uni-easyinput>
</uni-forms-item>
<!-- 下次联系时间 -->
<uni-forms-item label="下次联系：" name="nextContactDate">
<picker mode="date" :value="formData.nextContactDate" @change="onDateChange('nextContactDate', $event)">
<view class="picker-value">{{ formData.nextContactDate || '请选择下次联系时间' }}</view>
</picker>
<uni-forms-item label="下次联系：" name="nextContactDate" >
<uni-datetime-picker class="picker-value" type="date" placeholder="请选择跟进日期" v-model="formData.nextContactDate" @change="onDateChange" />
</uni-forms-item>
</uni-forms>
@@ -101,14 +75,13 @@
<view class="title-line"></view>
</view>
<view class="title-total">
共<text class="total-num">7</text>条记录
共<text class="total-num">{{followListNum}}</text>条记录
</view>
</view>
<!-- v-if="dataList.length>0" -->
<view class="list-box" >
<uni-steps :options="list2" active-color="#007AFF" :active="active" direction="column" />
<view class="list-box" v-if="followListNum>0">
<uni-steps :options="followList" active-color="#007AFF" :active="active" direction="column" />
</view>
<!-- <empty v-else pdTop="200"></empty> -->
<empty v-else pdTop="200"></empty>
</view>
</AppLayout>
</template>
@@ -119,60 +92,55 @@ import { onLoad } from '@dcloudio/uni-app';
const { $api, navTo, navBack } = inject('globalFunction');
import config from "@/config.js"
// state
const title = ref('');
const formData = reactive({
followDate: null,
followMethod: null,
followContent: null,
followResult: null,
nextPlan: null,
nextContactDate: null
goalPersonId:'',
followDate: '',
followWay: '',
content: '',
result: '',
nextPlan: '',
nextContactDate: ''
})
const followMethods = ['电话', '面谈', '微信', '邮件', '其他']
const methodIndex = ref(0)
const list2=[{
title: '买家下单',
desc: '跟进方式：电话\n跟进人：新生社区管理员\n跟进内容：内容内容内容'
}, {
title: '卖家发货',
desc: '跟进方式：电话\n跟进人：新生社区管理员\n跟进内容：内容内容内容'
}, {
title: '买家签收',
desc: '跟进方式：电话\n跟进人：新生社区管理员\n跟进内容：内容内容内容'
}, {
title: '交易完成',
desc: '跟进方式：电话\n跟进人：新生社区管理员\n跟进内容：内容内容内容'
}]
const personInfo=ref({
goalPersonId:'',
name:'',
taskType:''
})
const followWays = ref([])
const followList = ref([])
const followListNum=ref(0)
const active=ref(null)
// 表单引用
const formRef = ref(null)
// 校验规则
const rules = {
followDate: {
required: true,
message: '请选择跟进日期'
},
followMethod: {
required: true,
message: '请选择跟进方式'
},
followContent: {
required: true,
message: '请填写跟进内容'
},
followResult: {
required: true,
message: '请填写跟进结果'
}
followDate: {
rules: [{
required: true,
errorMessage: '请选择跟进日期'
}]
},
followWay: {
rules: [{
required: true,
errorMessage: '请选择跟进方式'
}]
},
content: {
rules: [{
required: true,
errorMessage: '请填写跟进内容'
}]
},
result: {
rules: [{
required: true,
errorMessage: '请填写跟进结果'
}]
}
}
const searchKeyword = ref('');
const dataList=ref([])
const pageSize=ref(10)
const pageNum=ref(1)
const totalNum=ref(0)
const baseUrl = config.imgBaseUrl
const getBackgroundStyle = (imageName) => ({
backgroundImage: `url(${baseUrl}/dispatch/${imageName})`,
@@ -180,98 +148,114 @@ const getBackgroundStyle = (imageName) => ({
backgroundPosition: 'center', // 居中
backgroundRepeat: 'no-repeat'
});
const trainVideoImgUrl=config.trainVideoImgUrl
// 所属区域选项（可根据实际替换为动态数据）
const regions = ['北京市', '上海市', '广州市', '深圳市', '杭州市']
const regionIndex = ref(0)
// 事件处理
const onDateChange = (field, e) => {
formData[field] = e.detail.value
const onFollowDateChange = (e)=>{
formData.followDate=e
}
const onMethodChange = (e) => {
const idx = e.detail.value
methodIndex.value = idx
formData.followMethod = followMethods[idx]
formData.followWay=e
}
// 事件处理
const onDateChange = ( e) => {
formData.nextContactDate=e
}
function getFollowList(){
let header={
'Authorization':uni.getStorageSync('Padmin-Token'),
'Content-Type': "application/x-www-form-urlencoded"
}
let params={
goalPersonId:personInfo.value.goalPersonId
}
$api.myRequest('/dispatch/assist/records/getFollowList', params,'get',9100,header).then((resData) => {
console.log("resData",resData)
if(resData && resData.code == 200){
if(resData.data && resData.data.length>0){
followListNum.value=resData.data.length
resData.data.forEach(item=>{
const obj={
title:item.followDate,
desc:`跟进方式：${getFollowWaysLabelByValue(item.followWay)}\n跟进人：${item.createByName}\n跟进内容：${item.content}`
}
followList.value.push(obj)
})
}
}
});
}
function getDictionary(){
$api.myRequest('/system/public/dict/data/type/assist_follow_way').then((resData) => {
if(resData && resData.code == 200){
resData.data.forEach(item=>{
const obj = {
value: item.dictValue,
text: item.dictLabel
}
followWays.value.push(obj)
})
}
});
}
function getFollowWaysLabelByValue(value) {
if (!Array.isArray(followWays.value)) {
return ''
}
const item = followWays.value.find(item => item.value === String(value))
return item ? item.text : '暂无跟进方式'
}
const handleSubmit = () => {
formRef.value?.validate()
.then(() => {
uni.showToast({ title: '校验通过', icon: 'success' });
let header={
'Authorization':uni.getStorageSync('Padmin-Token')
}
formData.goalPersonId=personInfo.value.goalPersonId
$api.myRequest('/dispatch/assist/records/addRecords', formData,'post',9100,header).then((resData) => {
console.log("resData",resData)
if(resData && resData.code == 200){
handleReset()
uni.showToast({
title: '保存成功',
icon: 'success',
duration: 2000
});
}else{
uni.showToast({
title: resData.msg,
icon: 'none',
duration: 2000
});
}
});
})
.catch((errors) => {
console.log('校验失败:', errors);
uni.showToast({ title: '请填写必填项', icon: 'none' });
});
};
const handleReset = () => {
Object.keys(formData).forEach(key => {
formData[key] = ''
})
methodIndex.value = 0
uni.showToast({ title: '已重置', icon: 'none' })
formData.followDate = '';
formData.followWay = '';
formData.content = '';
formData.result = '';
formData.nextPlan = '';
formData.nextContactDate = '';
}
onLoad(() => {
// getDataList('refresh');
onLoad((options) => {
personInfo.value.goalPersonId=options.id
personInfo.value.name=options.name
personInfo.value.taskType=options.taskType
getDictionary()
getFollowList()
});
// 获取视频列表
function getDataList(type = 'add') {
// let maxPage=Math.ceil(totalNum.value/pageSize.value)
// let params={}
// if (type === 'refresh') {
// pageNum.value = 1;
// params={
// category:'',
// hour:'',
// level:'',
// searchValue:searchKeyword.value,
// orderStr:'',
// pageSize:pageSize.value,
// pageNum:pageNum.value
// }
// $api.myRequest('/train/public/trainVideo/trainVideoList', params).then((resData) => {
// dataList.value=resData.rows
// totalNum.value=resData.total
// });
// }
// if (type === 'add' && pageNum.value < maxPage) {
// pageNum.value += 1;
// params={
// category:'',
// hour:'',
// level:'',
// searchValue:searchKeyword.value,
// orderStr:'',
// pageSize:pageSize.value,
// pageNum:pageNum.value
// }
// $api.myRequest('/train/public/trainVideo/trainVideoList', params).then((resData) => {
// dataList.value=dataList.value.concat(resData.rows)
// totalNum.value=resData.total
// });
// }
}
// 播放视频
function playVideo(video) {
navTo(`/packageB/train/video/videoDetail?id=${video.videoId}`);
}
</script>
<style lang="stylus" scoped>
.btnback
width: 64rpx
height: 64rpx
image
height: 100%
width: 100%
@@ -326,16 +310,6 @@ image
height: 8rpx
background: linear-gradient(90deg, #FFAD58 0%, #FF7A5B 100%)
border-radius: 4rpx
.search-box-btn
border-radius: 32rpx !important
background: #3088FF !important
margin-right: 16rpx
.reset-box-btn
border-radius: 32rpx !important
background: #02B44D
color: #fff
.search-container
padding: 20rpx 0rpx 0rpx 0rpx
.title-total
font-size: 24rpx
color: #999999
@@ -345,10 +319,6 @@ image
margin-right: 4rpx
font-weight: bold
font-size: 26rpx
.search-item
display: flex
align-items: center
margin-bottom: 20rpx
.label
width: 160rpx
@@ -357,101 +327,19 @@ image
.input,
.picker
background: #FFFFFF
flex: 1
height: 72rpx
padding: 0 20rpx
border: 1px solid #A0A0A0
border-radius: 8rpx
font-size: 28rpx
line-height: 72rpx
.picker-value
color: #666
.list-box
margin-top: 40rpx
.con-box
background: #fff
padding: 20rpx
box-shadow: 0px 0px 6rpx 0px rgba(0,71,200,0.16)
border-radius: 24rpx
border: 1rpx solid #EDF5FF
margin-top: 30rpx
.form-title
display: flex
align-items: center
.form-name
font-weight: bold
font-size: 32rpx
color: #595959
margin-right:16rpx
.form-type
border-radius: 8rpx;
border: 2rpx solid #FF7D26;
font-size: 24rpx
color: #F1690E
padding: 4rpx 10rpx
.form-item
display: flex
align-items: center
justify-content: space-between
margin-top: 20rpx
.item-left
display: flex
align-items: center
.item-img
width: 26rpx
height: 26rpx
margin-right: 10rpx
.item-label
font-size: 26rpx
color: #B3B3B3
.item-right
font-size: 26rpx
color: #737373
.form-btns
margin-top:30rpx
.form-box-btn
border-radius: 50rpx !important
margin-right: 24rpx
padding: 0rpx 40rpx
.detail-btn
background: #EDF5FF
border: 1px solid #3088FF
font-size: 28rpx
color: #3088FF
.follow-btn
background: #EEF9F3
border: 1px solid #00933E
font-size: 28rpx
color: #00933E
.recommend-btn
background: linear-gradient(92deg, #0DCCFF 0%, #4760FF 100%)
font-size: 28rpx
color: #FFFFFF
.form-container
margin-top: 30rpx
:deep(.uni-forms-item__label)
width: 194rpx !important
font-size: 28rpx;
color: #404040;
/* 统一 picker 和 textarea 样式 */
.picker-value,
.textarea {
width: 100%;
min-height: 60rpx;
padding: 20rpx;
border: 1px solid #ddd;
border-radius: 8rpx;
font-size: 28rpx;
box-sizing: border-box;
}
.textarea {
height: 120rpx;
resize: none;
}
.button-group {
display: flex;
@@ -500,4 +388,10 @@ image
background-color: #368BFF !important
:deep(.uni-steps__column-line--before)
background-color:rgba(0,0,0,0) !important
:deep(.uni-date-x)
background: rgba(0,0,0,0) !important
:deep(.uni-stat-box)
background: rgba(0,0,0,0) !important
:deep(.uni-easyinput__content)
background: rgba(0,0,0,0) !important
</style>

0
static/images/train/arrow.png → packageB/static/images/train/arrow.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 219 B

After

Width:  |  Height:  |  Size: 219 B

0
static/images/train/bj.jpg → packageB/static/images/train/bj.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 38 KiB

After

Width:  |  Height:  |  Size: 38 KiB

0
static/images/train/ctb-k.png → packageB/static/images/train/ctb-k.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 52 KiB

After

Width:  |  Height:  |  Size: 52 KiB

0
static/images/train/mnks-k.png → packageB/static/images/train/mnks-k.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 41 KiB

After

Width:  |  Height:  |  Size: 41 KiB

0
static/images/train/spxx-k.png → packageB/static/images/train/spxx-k.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 41 KiB

After

Width:  |  Height:  |  Size: 41 KiB

0
static/images/train/video-bg.png → packageB/static/images/train/video-bg.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 36 KiB

After

Width:  |  Height:  |  Size: 36 KiB

0
static/images/train/video-bj.png → packageB/static/images/train/video-bj.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 2.4 KiB

0
static/images/train/video-bj2.png → packageB/static/images/train/video-bj2.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 142 KiB

After

Width:  |  Height:  |  Size: 142 KiB

0
static/images/train/video-gd.png → packageB/static/images/train/video-gd.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 309 B

After

Width:  |  Height:  |  Size: 309 B

0
static/images/train/video-jt.png → packageB/static/images/train/video-jt.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 113 KiB

After

Width:  |  Height:  |  Size: 113 KiB

0
static/images/train/video-kc.png → packageB/static/images/train/video-kc.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 464 B

After

Width:  |  Height:  |  Size: 464 B

0
static/images/train/video-sc.png → packageB/static/images/train/video-sc.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 455 B

After

Width:  |  Height:  |  Size: 455 B

0
static/images/train/wsc.png → packageB/static/images/train/wsc.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 632 B

After

Width:  |  Height:  |  Size: 632 B

0
static/images/train/xl.png → packageB/static/images/train/xl.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 242 B

After

Width:  |  Height:  |  Size: 242 B

0
static/images/train/zs.png → packageB/static/images/train/zs.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 297 B

After

Width:  |  Height:  |  Size: 297 B

0
static/images/train/zxxl-k.png → packageB/static/images/train/zxxl-k.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 37 KiB

After

Width:  |  Height:  |  Size: 37 KiB

20
packageB/train/index.vue
View File

@@ -1,47 +1,47 @@
<template>
<!-- <AppLayout title=""> -->
<view class="tab-container">
<image src="../../static/images/train/bj.jpg" mode=""></image>
<image src="/packageB/static/images/train/bj.jpg" mode=""></image>
<view>
<view class="btns" @click="jumps('/packageB/train/video/videoList')">
<image src="/static/images/train/spxx-k.png" mode=""></image>
<image src="/packageB/static/images/train/spxx-k.png" mode=""></image>
<view>
<text>培训视频</text>
<view class="btn">
<text>立即查看</text>
<image src="/static/images/train/arrow.png" mode=""></image>
<image src="/packageB/static/images/train/arrow.png" mode=""></image>
</view>
</view>
</view>
<view class="btns" @click="jumps('/packageB/train/practice/startPracticing')">
<image src="/static/images/train/zxxl-k.png" mode=""></image>
<image src="/packageB/static/images/train/zxxl-k.png" mode=""></image>
<view>
<text>专项练习</text>
<view class="btn">
<text>立即查看</text>
<image src="/static/images/train/arrow.png" mode=""></image>
<image src="/packageB/static/images/train/arrow.png" mode=""></image>
</view>
</view>
</view>
<view class="btns" @click="jumps('/packageB/train/mockExam/examList')">
<image src="/static/images/train/mnks-k.png" mode=""></image>
<image src="/packageB/static/images/train/mnks-k.png" mode=""></image>
<view>
<text>模拟考试</text>
<view class="btn">
<text>立即查看</text>
<image src="/static/images/train/arrow.png" mode=""></image>
<image src="/packageB/static/images/train/arrow.png" mode=""></image>
</view>
</view>
</view>
<view class="btns" @click="jumps('')">
<image src="/static/images/train/ctb-k.png" mode=""></image>
<view class="btns" @click="jumps('/packageB/train/wrongAnswer/mistakeNotebook')">
<image src="/packageB/static/images/train/ctb-k.png" mode=""></image>
<view>
<text>错题本 </text>
<view class="btn" style="margin-left: 13%;">
<text>立即查看</text>
<image src="/static/images/train/arrow.png" mode=""></image>
<image src="/packageB/static/images/train/arrow.png" mode=""></image>
</view>
</view>

69
packageB/train/mockExam/examList.vue
View File

@@ -1,32 +1,30 @@
<template>
<div class="app-box">
<div class="con-box">
<template #headContent>
<view class="collection-search">
<view class="search-content">
<view class="header-input button-click">
<uni-icons class="iconsearch" color="#6A6A6A" type="search" size="22"></uni-icons>
<input
class="input"
v-model="searchKeyword"
@confirm="searchVideo"
placeholder="输入考试名称"
placeholder-class="inputplace"
/>
<uni-icons
v-if="searchKeyword"
class="clear-icon"
type="clear"
size="24"
color="#999"
@click="clearSearch"
/>
</view>
</view>
</view>
</template>
<view class="collection-search">
<view class="search-content">
<view class="header-input button-click">
<uni-icons class="iconsearch" color="#6A6A6A" type="search" size="22"></uni-icons>
<input
class="input"
v-model="searchKeyword"
@confirm="searchVideo"
placeholder="输入考试名称"
placeholder-class="inputplace"
/>
<uni-icons
v-if="searchKeyword"
class="clear-icon"
type="clear"
size="24"
color="#999"
@click="clearSearch"
/>
</view>
</view>
</view>
<scroll-view scroll-y class="main-scroll" @scrolltolower="handleScrollToLower">
<div class="cards" v-for="(item,index) in dataList">
<div class="cards" v-for="(item,index) in dataList" :key="item.examPaperId">
<div class="cardHead">
<div class="cardHeadLeft">
<div class="cardTitle">{{item.name}}</div>
@@ -45,7 +43,7 @@
<div class="conten">考试时长：{{item.timeLimit}}分钟</div>
<div class="conten">题目数量：{{item.totalQuestions}}题</div>
<div class="conten">分类：
<span v-for="(val, key) in classification">
<span v-for="val in classification" :key="val.dictValue">
<template v-if="item.category==val.dictValue">{{ val.dictLabel }}</template>
</span>
</div>
@@ -57,7 +55,7 @@
<div class="conten">截止时间：{{item.dueDate}}</div>
</div>
<div class="flooter">
<div v-if="item.gradeUser" @click="jumps('/packageB/train/mockExam/viewGrades')">查看成绩</div>
<div v-if="item.gradeUser" @click="jumps(item)">查看成绩</div>
<div @click="handleDetail(item)">详情</div>
<div @click="collects(item,1)" v-if="item.isCollect==0">
<image :src="urls+'wsc.png'" mode="" style="width: 32rpx;height: 30rpx;"></image>
@@ -130,7 +128,7 @@
<script setup>
import { inject, ref, reactive } from 'vue';
import { onLoad } from '@dcloudio/uni-app';
import { onLoad, onShow } from '@dcloudio/uni-app';
const { $api, navTo, navBack,urls } = inject('globalFunction');
import config from "@/config.js"
const userInfo = ref({});
@@ -147,9 +145,12 @@ const examInfo = ref({})
const baseUrl = config.imgBaseUrl
const dialogVisible = ref(false);
const handleScrollToLower = () => {
getDataList('add');
};
onLoad(() => {
});
onShow(()=>{
getDictionary()
const date = new Date();
let year = date.getFullYear();
@@ -160,7 +161,7 @@ onLoad(() => {
dates.value=year+'-'+month+'-'+day
Authorization.value=uni.getStorageSync('Padmin-Token')||''
getHeart();
});
})
function getHeart() {
const raw =Authorization.value;
const token = typeof raw === "string" ? raw.trim() : "";
@@ -263,14 +264,14 @@ function handleDetail(row){
}
});
}
function jumps(url){
navTo(url);
function jumps(row){
navTo('/packageB/train/mockExam/viewGrades?examPaperId='+row.examPaperId);
}
function clones(){
dialogVisible.value=false
}
function handleOperation(row,i) {
navTo(`/packageB/train/video/videoDetail?id=${video.videoId}`);
navTo(`/packageB/train/mockExam/startExam?examPaperId=${row.examPaperId}&timeLimit=${row.timeLimit}&name=${row.name}&types=${i}`);
}
</script>
@@ -517,4 +518,4 @@ function handleOperation(row,i) {
width: 2px;
background-color: #C3E1FF;
}
</style>
</style>

482
packageB/train/mockExam/paperDetails.vue Normal file
View File

@@ -0,0 +1,482 @@
<template>
<div class="app-box">
<image src="/packageB/static/images/train/bj.jpg" class="bjImg" mode=""></image>
<div class="con-box">
<div class="header">
<div style="font-weight: 600;font-size: 32rpx;">{{rows.name}}</div>
</div>
<div class="problemCard">
<div v-for="(item,index) in problemData" :key="index">
<template v-if="questionIndex==(index+1)">
<div class="problemTitle">
<span class="titleType" v-if="item.type=='single'">单选题</span>
<span class="titleType" v-if="item.type=='multiple'">多选题</span>
<span class="titleType" v-if="item.type=='judge'">判断题</span>
<span>{{item.content}}</span>
</div>
<div class="options" v-if="item.type=='single'">
<div class="opt" :class="item.choice!==''&&i==item.choice?'active':''" v-for="(val,i) in parseOptions(item.trainChooses)">
<div class="optLab">{{indexToLetter(i)}}</div>
<span>{{val}}</span>
</div>
</div>
<div class="options" v-if="item.type=='multiple'">
<div class="opt" :class="judgment(i,index)?'active':''" v-for="(val,i) in parseOptions(item.trainChooses)">
<div class="optLab">{{indexToLetter(i)}}</div>
<span>{{val}}</span>
</div>
</div>
<div class="options" v-if="item.type=='judge'">
<div class="opt" :class="item.choice=='正确'?'active':''">
<span>正确</span>
</div>
<div class="opt" :class="item.choice=='错误'?'active':''">
<span>错误</span>
</div>
</div>
<div class="analysis">
<div class="analysisHead correct" v-if="item.choosed==item.answer">
<div>回答正确！</div>
<div></div>
</div>
<div class="analysisHead errors" v-else>
<div>回答错误！</div>
<div></div>
</div>
<div class="analysisCon">
<div class="parse1">正确答案：</div>
<div class="parse2" v-if="item.type=='single'" style="color: #30A0FF;font-weight: bold;">{{String.fromCharCode(65 + Number(item.answer))}}.</div>
<div class="parse2" v-if="item.type=='multiple'" style="color: #30A0FF;font-weight: bold;">
<span v-for="(val,i) in parseOptions(item.answer)">{{indexToLetter(Number(val))}}.</span>
</div>
<div class="parse2" v-if="item.type=='judge'" style="color: #30A0FF;font-weight: bold;">{{item.answer}}</div>
</div>
<div class="analysisCon">
<div class="parse1">答案解析：</div>
<div class="parse2">{{item.answerDesc}}</div>
</div>
<div class="analysisCon">
<div class="parse1">知识点：</div>
<div>
<el-tag style="margin-right: 10px;">{{item.knowledgePoint}}</el-tag>
</div>
</div>
</div>
</template>
</div>
</div>
<div class="footer">
<div class="footerLeft">
<div class="zuo" :class="questionIndex==1?'events':''" @click="questionIndex-=1"></div>
<div class="you" :class="questionIndex==problemData.length?'events':''" @click="questionIndex+=1"></div>
</div>
<div class="footerLeft">
<div @click="dialogVisible=true">
<div><span style="color: #1CADF5;">{{questionIndex}}</span>/{{problemData.length}}</div>
<div>题号</div>
</div>
</div>
</div>
</div>
<div class="cards" v-if="dialogVisible">
<div class="cardCon">
<div class="cardHead">
<div>题号</div>
<div style="font-size: 40rpx;" @click="clones()">×</div>
</div>
<div class="questionNums">
<div class="questions" :class="item.whether=='正确'?'questionCorrect':item.whether=='错误'?'questionError':questionIndex==(index+1)?'questionsActive':''" @click="switchs(index)" v-for="(item,index) in problemList" :key="index">{{index+1}}</div>
</div>
</div>
</div>
</div>
</template>
<script setup>
import { reactive, inject, watch, ref, onMounted,onBeforeUnmount,computed } from 'vue';
import { onLoad, onShow } from '@dcloudio/uni-app';
const { $api,urls , navTo,navBack , vacanciesTo, formatTotal, config } = inject('globalFunction');
import useUserStore from '@/stores/useUserStore';
import useDictStore from '@/stores/useDictStore';
const userInfo = ref({});
const rows = ref({});
const Authorization = ref('');
const radio = ref('');
const radio2 = ref('');
const checkList = ref([]);
const questionIndex = ref(1);
const correctIndex = ref(0);
const errorsIndex = ref(0);
const elapsedTime = ref(0);
const judgWhether = ref('');
const isRunning = ref(false);
const dialogVisible = ref(false);
const problemData = ref([]);
const problemList = ref([]);
watch(questionIndex, (newVal, oldVal) => {
radio.value=""
radio2.value=""
checkList.value=[]
judgWhether.value=""
});
onLoad((options) => {
rows.value=options
Authorization.value=uni.getStorageSync('Padmin-Token')||''
getHeart();
});
onShow(()=>{
})
function getHeart() {
const raw =Authorization.value;
const token = typeof raw === "string" ? raw.trim() : "";
const headers = token ? { 'Authorization': raw.startsWith("Bearer ") ? raw : `Bearer ${token}` }: {}
$api.myRequest("/dashboard/auth/heart", {}, "POST", 10100, headers).then((resData) => {
if (resData.code == 200) {
getUserInfo();
} else {
navTo('/packageB/login')
}
});
};
function getUserInfo(){
let header={
'Authorization':Authorization.value
}
$api.myRequest('/system/user/login/user/info', {},'get',10100,header).then((resData) => {
userInfo.value = resData.info || {};
// userId.value=resData.info.userId
queryData()
});
};
function queryData(){
problemData.value=[]
let header={
'Authorization':Authorization.value,
'Content-Type':"application/x-www-form-urlencoded"
}
$api.myRequest('/train/public/trainExamDash/getExamByIdModel', {
userId: userInfo.value.userId,
examPaperId:rows.value.examPaperId,
examId:rows.value.examId,
},'post',9100,header).then((resData) => {
if(resData&&resData.code==200){
elapsedTime.value=(rows.value.timeLimit*60)
resData.data.forEach((item,i)=>{
if(item.type=='multiple'){
if(item.choosed){
item.choice=item.choosed.split(",");
item.submitAnswers=true
}else{
item.choice=[]
item.submitAnswers=false
}
}else{
if(item.choosed){
item.choice=item.choosed;
item.submitAnswers=true
}else{
item.choice=""
item.submitAnswers=false
}
}
problemData.value.push(item)
problemList.value.push({index:i+1,whether:""})
})
}
});
}
function judgment(i,indexs){
let arr=problemData.value[indexs].choice.join(",")
if(arr.indexOf(i) !== -1){
return true
}else{
return false
}
};
// 解析选项
function parseOptions(options) {
if (!options) return [];
// 假设options是字符串格式，以分号分隔
if (typeof options === 'string') {
return options.split(',').filter(opt => opt.trim());
}
// 如果是数组，直接返回
if (Array.isArray(options)) {
return options;
}
return [];
};
function indexToLetter(index) {
// 将索引转换为对应的字母
return String.fromCharCode(65 + index);
};
function clones(){
dialogVisible.value=false
};
function switchs(i){
questionIndex.value=(i+1)
dialogVisible.value=false
};
</script>
<style lang="stylus" scoped>
.app-box{
width: 100%;
height: 100vh;
position: relative;
.bjImg{
position: absolute;
width: 100%;
height: 100%;
}
.con-box{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top:0;
z-index: 10;
padding: 20rpx 28rpx;
box-sizing: border-box;
.header{
height: 100rpx;
padding: 0 10rpx;
background: linear-gradient(0deg, #4285EC 0%, #0BBAFB 100%);
color: #fff;
font-size: 26rpx;
border-radius: 10rpx
display: flex;
align-items: center;
}
.problemCard{
margin-top: 30rpx;
.problemTitle{
font-size: 30rpx;
.titleType{
display: inline-block;
background-color: #499FFF;
border-radius: 10rpx 10rpx 10rpx 0;
padding: 8rpx 12rpx;
color: #fff;
font-size: 26rpx;
margin-right: 20rpx;
}
}
.options{
margin-top: 30rpx;
.opt{
height: 60rpx;
/* background-color: #F8F9FA; */
border-radius: 5px;
margin-bottom: 15px;
display: flex;
align-items: center;
padding-left: 30rpx;
box-sizing: border-box;
color: #808080;
font-size: 30rpx;
.optLab{
width: 40rpx;
height: 40rpx;
text-align: center;
line-height: 40rpx;
border-radius: 50%;
background-color: #8C8C8C;
color: #fff;
font-weight: 600;
font-size: 32rpx;
margin-right: 20rpx;
}
}
.active{
background: linear-gradient(90deg, #25A9F5 0%, #B1DBFF 100%);
color: #fff!important;
font-weight: bold;
}
.active>view{
background-color: #fff!important;
color: #25A9F5!important;
}
}
.analysis{
margin-top: 30rpx;
background-color: #fff;
border-radius: 6px;
margin-bottom: 15rpx;
border: 1px solid #10A8FF;
padding: 20rpx;
box-sizing: border-box;
.analysisHead{
display: flex;
align-items: center;
justify-content: space-between;
font-size: 32rpx;
font-family: Microsoft YaHei;
font-weight: bold;
letter-spacing: 2px;
}
.correct{
color: #67C23A;
}
.errors{
color: #F06A6A;
}
.analysisCon{
margin-top: 30rpx;
.parse1{
font-size: 30rpx;
font-family: Microsoft YaHei;
font-weight: bold;
}
.parse2{
font-size: 26rpx;
color: #333;
margin-top: 10px;
}
}
}
.problemBtns{
display: flex
align-items: center
justify-content: center
view{
width: 140rpx
height: 50rpx
text-align: center
line-height: 50rpx
background-color: #10A8FF
color: #fff
font-size: 28rpx
border-radius: 5rpx
margin-right: 10rpx;
}
}
}
.footer{
width: 100%;
height: 120rpx;
border-top: 1px solid #ddd
position: fixed
bottom: 0
left: 0
display: flex
align-items: center
justify-content: space-between
.footerLeft{
display: flex
align-items: center
font-size: 30rpx;
text-align: center
.zuo{
width: 26rpx;
height: 26rpx;
border-top: 2px solid #666
border-left: 2px solid #666
transform: rotate(-45deg); /* 鼠标悬停时旋转360度 */
margin-left: 60rpx;
}
.you{
width: 26rpx;
height: 26rpx;
border-right: 2px solid #666
border-bottom: 2px solid #666
transform: rotate(-45deg); /* 鼠标悬停时旋转360度 */
// margin-left: 30rpx;
margin-right: 50rpx;
}
.icons{
width: 30rpx;
height: 30rpx;
color: #fff;
text-align: center;
line-height: 30rpx;
border-radius: 50%
}
.texts{
font-size: 24rpx;
}
}
.footerLeft>view{
margin-right: 40rpx;
}
.footerBtn{
width: 140rpx
height: 50rpx
text-align: center
line-height: 50rpx
background-color: #67C23A
color: #fff
font-size: 28rpx
border-radius: 5rpx
}
}
}
.cards{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100vh;
background-color: rgba(0,0,0,0.5);
z-index: 1000;
padding: 100rpx 50rpx;
box-sizing: border-box;
.cardCon{
height: 100%;
background-color: #fff;
padding: 20rpx;
box-sizing: border-box;
.cardHead{
display: flex;
align-items: center;
justify-content: space-between;
font-size: 30rpx;
font-weight: 600;
}
.questionNums{
width: 100%;
display: flex;
flex-wrap: wrap;
}
.questions{
width: 60rpx;
height: 60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 8rpx;
border: 2px solid #E0E0E0;
font-size: 28rpx;
margin-right: 15px;
cursor: pointer;
}
.questionsActive{
background-color: #F0F9FF;
border: 2px solid #409EFF;
}
.questionCorrect{
background-color: #F0F9FF;
border: 2px solid #64BC38;
color: #6BC441;
}
.questionError{
background-color: #FFF1F0;
border: 2px solid #F56C6C;
color: #F36B6B;
}
}
}
}
.events{
pointer-events: none; /* 这会禁用所有指针事件 */
opacity: 0.5; /* 可选：改变透明度以视觉上表示不可点击 */
cursor: not-allowed; /* 可选：改变鼠标光标样式 */
}
</style>

298
packageB/train/mockExam/startExam.vue
View File

@@ -1,12 +1,14 @@
<template>
<div class="app-box">
<image src="../../../static/images/train/bj.jpg" class="bjImg" mode=""></image>
<image src="/packageB/static/images/train/bj.jpg" class="bjImg" mode=""></image>
<div class="con-box">
<div class="header">
<div>正确率：{{accuracyRate}}%</div>
<div>用时：{{formattedTime}}</div>
<div class="headBtn" v-if="isRunning" @click="pause">暂停</div>
<div class="headBtn" v-if="!isRunning" @click="start">继续</div>
<div style="font-weight: 600;font-size: 32rpx;">{{rows.name}}</div>
<div class="headerCon">
<div>考试时长：{{rows.timeLimit}}分钟</div>
<div>{{formattedTime}}</div>
<div class="headBtn" @click="exit()">退出</div>
</div>
</div>
<div class="problemCard">
<div v-for="(item,index) in problemData" :key="index">
@@ -18,57 +20,29 @@
<span>{{item.content}}</span>
</div>
<div class="options" v-if="item.type=='single'">
<div class="opt" @click="selected(i)" :class="radio!==''&&i==radio?'active':''" v-for="(val,i) in parseOptions(item.trainChooses)">
<div class="opt" @click="selected(i,index)" :class="item.choice!==''&&i==item.choice?'active':''" v-for="(val,i) in parseOptions(item.trainChooses)">
<div class="optLab">{{indexToLetter(i)}}</div>
<span>{{val}}</span>
</div>
</div>
<div class="options" v-if="item.type=='multiple'">
<div class="opt" @click="selected2(i)" :class="judgment(i)?'active':''" v-for="(val,i) in parseOptions(item.trainChooses)">
<div class="opt" @click="selected2(i,index)" :class="judgment(i,index)?'active':''" v-for="(val,i) in parseOptions(item.trainChooses)">
<div class="optLab">{{indexToLetter(i)}}</div>
<span>{{val}}</span>
</div>
</div>
<div class="options" v-if="item.type=='judge'">
<div class="opt" @click="selected3('正确')" :class="radio2=='正确'?'active':''">
<div class="opt" @click="selected3('正确',index)" :class="item.choice=='正确'?'active':''">
<span>正确</span>
</div>
<div class="opt" @click="selected3('错误')" :class="radio2=='错误'?'active':''">
<div class="opt" @click="selected3('错误',index)" :class="item.choice=='错误'?'active':''">
<span>错误</span>
</div>
</div>
<div class="analysis" v-if="analysis">
<div class="analysisHead correct" v-if="judgWhether=='正确'">
<div>回答正确！</div>
<div></div>
</div>
<div class="analysisHead errors" v-if="judgWhether=='错误'">
<div>回答错误！</div>
<div></div>
</div>
<div class="analysisCon">
<div class="parse1">正确答案：</div>
<div class="parse2" v-if="item.type=='single'" style="color: #30A0FF;font-weight: bold;">{{String.fromCharCode(65 + Number(item.answer))}}.</div>
<div class="parse2" v-if="item.type=='multiple'" style="color: #30A0FF;font-weight: bold;">
<span v-for="(val,i) in parseOptions(item.answer)">{{indexToLetter(val-1)}}.</span>
</div>
<div class="parse2" v-if="item.type=='judge'" style="color: #30A0FF;font-weight: bold;">{{item.answer}}</div>
</div>
<div class="analysisCon">
<div class="parse1">答案解析：</div>
<div class="parse2">{{item.answerDesc}}</div>
</div>
<div class="analysisCon">
<div class="parse1">知识点：</div>
<div>
<el-tag style="margin-right: 10px;">{{item.knowledgePoint}}</el-tag>
</div>
</div>
</div>
<div class="problemBtns">
<div v-if="analysis&&judgWhether!=''&&questionIndex!=problemData.length" @click="questionIndex+=1">下一题</div>
<div v-else :class="((radio===''&&radio2===''&&checkList.length==0&&isRunning)||analysis)?'events':''" @click="submit()">提交答案</div>
<div :class="(problemData[questionIndex-1].type=='multiple'?problemData[questionIndex-1].choice.length==0:problemData[questionIndex-1].choice==='')?'events':''" @click="submit()">提交答案</div>
</div>
</template>
</div>
@@ -77,25 +51,10 @@
<div class="footerLeft">
<div class="zuo" :class="questionIndex==1?'events':''" @click="questionIndex-=1"></div>
<div class="you" :class="questionIndex==problemData.length?'events':''" @click="questionIndex+=1"></div>
<div @click="collect(1)" style="text-align: center;font-size: 24rpx;" v-if="(problemData[questionIndex - 1]?.isCollect || 0)!=1">
<image :src="urls+'wsc.png'" mode="" style="width: 34rpx;height: 32rpx;"></image>
<div>收藏</div>
</div>
<div @click="collect(0)" style="text-align: center;font-size: 24rpx;" v-if="(problemData[questionIndex - 1]?.isCollect || 0)==1">
<image :src="urls+'video-sc.png'" mode="" style="width: 34rpx;height: 32rpx;"></image>
<div>取消</div>
</div>
</div>
<div class="footerBtn" @click="exit()">完成练习</div>
<div class="footerBtn" @click="complete()">完成练习</div>
<div class="footerLeft">
<div>
<div class="icons" style="background-color: #1CADF5;">√</div>
<div class="texts" style="color: #1CADF5;">{{correctIndex}}</div>
</div>
<div>
<div class="icons" style="background-color: #FF6668;">×</div>
<div class="texts" style="color: #FF6668;">{{errorsIndex}}</div>
</div>
<div @click="dialogVisible=true">
<div><span style="color: #1CADF5;">{{questionIndex}}</span>/{{problemData.length}}</div>
<div>题号</div>
@@ -124,6 +83,7 @@ const { $api,urls , navTo,navBack , vacanciesTo, formatTotal, config } = inject(
import useUserStore from '@/stores/useUserStore';
import useDictStore from '@/stores/useDictStore';
const userInfo = ref({});
const rows = ref({});
const Authorization = ref('');
const radio = ref('');
const radio2 = ref('');
@@ -131,9 +91,7 @@ const checkList = ref([]);
const questionIndex = ref(1);
const correctIndex = ref(0);
const errorsIndex = ref(0);
const accuracyRate = ref(0);
const elapsedTime = ref(0);
const analysis = ref(false);
const judgWhether = ref('');
const isRunning = ref(false);
const dialogVisible = ref(false);
@@ -149,7 +107,6 @@ watch(questionIndex, (newVal, oldVal) => {
radio.value=""
radio2.value=""
checkList.value=[]
analysis.value=false
judgWhether.value=""
});
@@ -161,6 +118,7 @@ watch(questionIndex, (newVal, oldVal) => {
// });
onLoad((options) => {
rows.value=options
Authorization.value=uni.getStorageSync('Padmin-Token')||''
getHeart();
});
@@ -201,16 +159,57 @@ function queryData(){
'Authorization':Authorization.value,
'Content-Type':"application/x-www-form-urlencoded"
}
$api.myRequest('/train/public/trainPractice/getQuestions', {
userId: userInfo.value.userId
},'post',9100,header).then((resData) => {
resData.forEach((item,i)=>{
problemData.value.push(item)
problemList.value.push({index:i+1,whether:""})
})
start()
accuracyRates()
});
if(rows.value.types==1){
$api.myRequest('/train/public/trainExamDash/getExamTopicNoAnswer', {
userId: userInfo.value.userId,
examPaperId:rows.value.examPaperId
},'post',9100,header).then((resData) => {
if(resData&&resData.code==200){
elapsedTime.value=(rows.value.timeLimit*60)
resData.data.forEach((item,i)=>{
if(item.type=='multiple'){
item.choice=[]
}else{
item.choice=""
}
problemData.value.push(item)
problemList.value.push({index:i+1,whether:""})
})
start()
}
});
}else if(rows.value.types==2){
$api.myRequest('/train/public/trainExamDash/continueExam', {
userId: userInfo.value.userId,
examPaperId:rows.value.examPaperId
},'post',9100,header).then((resData) => {
if(resData&&resData.code==200){
elapsedTime.value=(rows.value.timeLimit*60)
resData.data.forEach((item,i)=>{
if(item.type=='multiple'){
if(item.choosed){
item.choice=item.choosed.split(",");
item.submitAnswers=true
}else{
item.choice=[]
item.submitAnswers=false
}
}else{
if(item.choosed){
item.choice=item.choosed;
item.submitAnswers=true
}else{
item.choice=""
item.submitAnswers=false
}
}
problemData.value.push(item)
problemList.value.push({index:i+1,whether:""})
})
start()
}
});
}
}
function collect(is){
let header={
@@ -225,76 +224,102 @@ function collect(is){
problemData.value[questionIndex.value-1].isCollect=is
});
};
//正确率
function accuracyRates(){
let header={
'Authorization':Authorization.value,
'Content-Type':"application/x-www-form-urlencoded"
}
$api.myRequest('/train/public/trainPractice/getCount', {
userId: userInfo.value.userId,
},'post',9100,header).then((resData) => {
accuracyRate.value=resData.truePresent
});
};
//提交答案
function submit(){
let indexs=questionIndex.value-1
let parm={
examPaperId:rows.value.examPaperId,
questionId:problemData.value[indexs].questionId,
userId:userInfo.value.userId,
answer:problemData.value[indexs].answer
}
if(problemData.value[indexs].type=='single'){
parm.submitAnswer=radio.value
}else if(problemData.value[indexs].type=='multiple'){
parm.submitAnswer=checkList.value.join(',')
}else if(problemData.value[indexs].type=='judge'){
parm.submitAnswer=radio2.value
answer:problemData.value[indexs].type=='multiple'?problemData.value[indexs].choice.join(","):problemData.value[indexs].choice,
examId:problemData.value[indexs].examId
}
let header={
'Authorization':Authorization.value,
'Content-Type':"application/json"
'Content-Type':"application/x-www-form-urlencoded"
}
$api.myRequest('/train/public/trainPractice/submitAnswer', parm,'post',9100,header).then((resData) => {
$api.myRequest('/train/public/trainExamDash/submitAnswer', parm,'post',9100,header).then((resData) => {
if(resData&&resData.code==200){
analysis.value=true
judgWhether.value=resData.msg
problemList.value[indexs].whether=resData.msg
if(resData.msg=='正确'){
correctIndex.value++
}else if(resData.msg=='错误'){
errorsIndex.value++
problemData.value[indexs].submitAnswers=true
if(problemData.value.length==questionIndex.value){
$api.msg('已经是最后一题了,请仔细检查后交卷!')
}else{
questionIndex.value+=1
}
accuracyRates()
}
});
};
function selected(i){
radio.value=i
//完成练习
function complete(){
let arr=[]
problemData.value.forEach((item,index)=>{
if(!item.submitAnswers){
arr.push(index+1)
}
})
wx.showModal({
title: '提示',
content: (arr.length>0?'第'+arr.join(",")+'题还未作答，':'请仔细检查试卷 ，')+'确认是否交卷?',
success (res) {
if (res.confirm) {
onpaper()
} else if (res.cancel) {
console.log('用户点击取消')
}
}
})
};
function onpaper(){
let indexs=questionIndex.value-1
let parm={
examPaperId:rows.value.examPaperId,
userId:userInfo.value.userId,
examId:problemData.value[indexs].examId,
useTime:(rows.value.timeLimit*60) - elapsedTime.value,
}
let header={
'Authorization':Authorization.value,
'Content-Type':"application/x-www-form-urlencoded"
}
$api.myRequest('/train/public/trainExamDash/submitExam', parm,'post',9100,header).then((resData) => {
if(resData&&resData.code==200){
$api.msg('提交成功!')
navBack()
}
});
};
function selected(i,index){
problemData.value[index].choice=i
problemData.value=JSON.parse(JSON.stringify(problemData.value))
};
//多选
function selected2(i){
let arr=checkList.value.join(",")
function selected2(i,indexs){
let arr=problemData.value[indexs].choice.join(",")
if(arr.indexOf(i) !== -1){
const index = checkList.value.indexOf(i);
const index = problemData.value[indexs].choice.indexOf(i);
if (index !== -1) {
checkList.value.splice(index, 1);
problemData.value[indexs].choice.splice(index, 1);
}
}else{
checkList.value.push(i)
problemData.value[indexs].choice.push(i)
}
problemData.value=JSON.parse(JSON.stringify(problemData.value))
};
function judgment(i){
let arr=checkList.value.join(",")
function judgment(i,indexs){
let arr=problemData.value[indexs].choice.join(",")
if(arr.indexOf(i) !== -1){
return true
}else{
return false
}
};
function selected3(i){
radio2.value=i
function selected3(i,index){
// radio2.value=i
problemData.value[index].choice=i
problemData.value=JSON.parse(JSON.stringify(problemData.value))
};
// 解析选项
function parseOptions(options) {
@@ -320,14 +345,16 @@ function start() {
if (isRunning.value) return
isRunning.value = true
timer = setInterval(() => {
elapsedTime.value++
elapsedTime.value-=1
if(elapsedTime.value==0){
// this.$message({
// message: '考试时间已结束，系统将自动交卷',
// type: 'warning'
// });
onpaper()
}
}, 1000)
};
function pause() {
if (!isRunning.value) return
clearInterval(timer)
isRunning.value = false
};
function clones(){
dialogVisible.value=false
};
@@ -336,7 +363,17 @@ function switchs(i){
dialogVisible.value=false
};
function exit(){
navBack()
wx.showModal({
title: '提示',
content: '直接退出是不计分的, 确定要退出吗?',
success (res) {
if (res.confirm) {
navBack()
} else if (res.cancel) {
console.log('用户点击取消')
}
}
})
}
</script>
@@ -360,23 +397,26 @@ function exit(){
padding: 20rpx 28rpx;
box-sizing: border-box;
.header{
height: 100rpx;
padding: 0 10rpx;
display: flex;
align-items: center;
justify-content: space-between;
height: 110rpx;
padding: 10rpx 10rpx 0;
background: linear-gradient(0deg, #4285EC 0%, #0BBAFB 100%);
color: #fff;
font-size: 26rpx;
border-radius: 10rpx
.headBtn{
background: #499FFF;
border-radius: 4px;
width: 100rpx;
text-align: center;
height: 50rpx;
line-height: 50rpx;
.headerCon{
display: flex;
align-items: center;
justify-content: space-between;
.headBtn{
background: #499FFF;
border-radius: 4px;
width: 100rpx;
text-align: center;
height: 50rpx;
line-height: 50rpx;
}
}
}
.problemCard{
margin-top: 30rpx;

75
packageB/train/mockExam/viewGrades.vue
View File

@@ -2,20 +2,69 @@
<div class="app-box">
<div class="con-box">
<div class="tabCon">
<div class="tabLeft">
<div><span>考试名称：</span>456546456</div>
<div><span>考试时间：</span>456546456</div>
<div><span>考试成绩：</span>456546456</div>
</div>
<div class="tabRight">查看</div>
<div class="tabLeft"></div>
<div class="tabRight">查看</div>
<template v-for="(item,index) in gradeData">
<div class="tabLeft">
<div><span>考试名称：</span>{{item.name}}</div>
<div><span>考试时间：</span>{{item.createTime}}</div>
<div><span>考试成绩：</span>{{item.score}}分</div>
</div>
<div class="tabRight" @click="detail(item)">查看</div>
</template>
</div>
</div>
</div>
</template>
<script>
<script setup>
import { reactive, inject, watch, ref, onMounted,onBeforeUnmount,computed } from 'vue';
import { onLoad, onShow } from '@dcloudio/uni-app';
const { $api,urls , navTo,navBack , vacanciesTo, formatTotal, config } = inject('globalFunction');
import useUserStore from '@/stores/useUserStore';
import useDictStore from '@/stores/useDictStore';
const userInfo = ref({});
const rows = ref({});
const Authorization = ref('');
const gradeData = ref([]);
onLoad((options) => {
rows.value=options
Authorization.value=uni.getStorageSync('Padmin-Token')||''
getHeart();
});
function getHeart() {
const raw =Authorization.value;
const token = typeof raw === "string" ? raw.trim() : "";
const headers = token ? { 'Authorization': raw.startsWith("Bearer ") ? raw : `Bearer ${token}` }: {}
$api.myRequest("/dashboard/auth/heart", {}, "POST", 10100, headers).then((resData) => {
if (resData.code == 200) {
getUserInfo();
} else {
navTo('/packageB/login')
}
});
};
function getUserInfo(){
let header={
'Authorization':Authorization.value
}
$api.myRequest('/system/user/login/user/info', {},'get',10100,header).then((resData) => {
userInfo.value = resData.info || {};
// userId.value=resData.info.userId
queryData()
});
};
function queryData(){
$api.myRequest('/train/public/trainExamDash/getExamByIdTable', {
userId:userInfo.value.userId,
examPaperId:rows.value.examPaperId,
}).then((resData) => {
if(resData&&resData.code==200){
gradeData.value=resData.rows
}
});
}
function detail(row){
navTo('/packageB/train/mockExam/paperDetails?examPaperId='+row.examPaperId+'&examId='+row.examId+'&name='+row.name);
}
</script>
<style lang="stylus" scoped>
@@ -40,17 +89,21 @@
flex-wrap: wrap;
.tabLeft{
width: 80%;
height: 140rpx;
height: 150rpx;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
box-sizing: border-box;
view{
line-height: 45rpx
color: #2175F3;
label{
color: #666;
}
}
}
.tabRight{
width: 20%;
height: 140rpx;
height: 150rpx;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
box-sizing: border-box;

23
packageB/train/practice/startPracticing.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="app-box">
<image src="../../../static/images/train/bj.jpg" class="bjImg" mode=""></image>
<image src="/packageB/static/images/train/bj.jpg" class="bjImg" mode=""></image>
<div class="con-box">
<div class="header">
<div>正确率：{{accuracyRate}}%</div>
@@ -51,7 +51,7 @@
<div class="parse1">正确答案：</div>
<div class="parse2" v-if="item.type=='single'" style="color: #30A0FF;font-weight: bold;">{{String.fromCharCode(65 + Number(item.answer))}}.</div>
<div class="parse2" v-if="item.type=='multiple'" style="color: #30A0FF;font-weight: bold;">
<span v-for="(val,i) in parseOptions(item.answer)">{{indexToLetter(val-1)}}.</span>
<span v-for="(val,i) in parseOptions(item.answer)">{{indexToLetter(Number(val))}}.</span>
</div>
<div class="parse2" v-if="item.type=='judge'" style="color: #30A0FF;font-weight: bold;">{{item.answer}}</div>
</div>
@@ -273,6 +273,9 @@ function submit(){
}else if(resData.msg=='错误'){
errorsIndex.value++
}
if(questionIndex.value==problemData.value.length){
$api.msg('已经是最后一题了，请点击 “完成练习” 按钮保存记录')
}
accuracyRates()
}
});
@@ -343,7 +346,21 @@ function switchs(i){
dialogVisible.value=false
};
function exit(){
navBack()
let header={
'Authorization':Authorization.value,
'Content-Type':"application/x-www-form-urlencoded"
}
$api.myRequest('/train/public/trainPractice/getCount', {
userId: userInfo.value.userId,
title:"专项练习",
type:"practice",
hour:elapsedTime.value,
truePresent:accuracyRate.value
},'post',9100,header).then((resData) => {
if(resData&&resData.code==200){
navBack()
}
});
}
</script>

583
packageB/train/wrongAnswer/mistakeNotebook.vue Normal file
View File

@@ -0,0 +1,583 @@
<template>
<div class="app-box">
<div class="con-box">
<view class="collection-search">
<view class="search-content">
<view class="header-input button-click">
<uni-icons class="iconsearch" color="#6A6A6A" type="search" size="22"></uni-icons>
<input
class="input"
v-model="searchKeyword"
@confirm="searchVideo"
placeholder="输入题目关键词"
placeholder-class="inputplace"
/>
<uni-icons
v-if="searchKeyword"
class="clear-icon"
type="clear"
size="24"
color="#999"
@click="clearSearch"
/>
</view>
</view>
<view>
<checkbox-group>
<label>
<checkbox :value="checkeds" :checked="checkeds" @click="selects()" />全选
</label>
</checkbox-group>
</view>
</view>
<div class="serchBtns">
<div class="btn" @click="startPractice" style="background-color: #4B9FF5;">开始练习</div>
<div class="btn" @click="batchMark" style="background-color: #FF9F51;">批量标记</div>
<div class="btn" @click="clearNotebook" style="background-color: #F1705F;">清空错题本</div>
</div>
<scroll-view scroll-y class="main-scroll" @scrolltolower="handleScrollToLower">
<div class="cards" v-for="(item,index) in dataList" :key="item.questionId">
<div class="choices">
<checkbox-group>
<label>
<checkbox value="cb" :checked="item.checked" @click="choice(index)" color="#FFCC33" style="transform:scale(0.7)" />
</label>
</checkbox-group>
</div>
<div class="cardHead">
<div class="cardHeadLeft">
<div class="cardTitle">{{item.content}}</div>
</div>
<div class="titleType primary2" v-if="item.status==0">未复习</div>
<div class="titleType primary" v-if="item.status==1">已复习</div>
<div class="titleType success" v-if="item.status==2">已掌握</div>
</div>
<div class="heng"></div>
<div class="cardCon">
<div class="conten" style="width: 40%;">类型：
<div class="titleType primary" v-if="item.type=='single'">单选</div>
<div class="titleType success" v-if="item.type=='multiple'">多选</div>
<div class="titleType tertiary" v-if="item.type=='judge'">判断</div>
</div>
<div class="conten" style="width: 60%;">错误时间：{{item.errorTime}}</div>
<div class="conten" style="width: 40%;">等级：
<div class="titleType success" v-if="item.diffculty=='easy'">初级</div>
<div class="titleType tertiary" v-if="item.diffculty=='medium'">中级</div>
<div class="titleType primary2" v-if="item.diffculty=='hard'">高级</div>
</div>
<div class="conten" style="width: 60%;">最后复习：{{item.reviewTime || '未复习'}}</div>
</div>
<div class="flooter">
<div @click="handleDetail(item)">查看详情</div>
<div @click="removeFromNotebook(item.questionId,3)">移出错题</div>
</div>
</div>
</scroll-view>
</div>
<div class="cards2" v-if="dialogVisible">
<div class="cardCon" style="height: 50%;">
<div class="cardHead" style="margin-bottom: 30rpx;">
<div>批量标记</div>
<div style="font-size: 40rpx;" @click="clones()">×</div>
</div>
<div class="detailTitle">已选择{{selectedItems.length}}道错题</div>
<div class="status-tags">
<radio-group @change="radioChange">
<label class="uni-list-cell uni-list-cell-pd">
<view style="margin: 20rpx 20%;">
<radio :value="1" :checked="1 === current" />标记为已复习
</view>
<view style="margin: 20rpx 20%;">
<radio :value="2" :checked="2 === current" />标记为已掌握
</view>
<view style="margin: 20rpx 20%;">
<radio :value="3" :checked="3 === current" />移出错题本
</view>
<!-- <view>{{item.name}}</view> -->
</label>
</radio-group>
</div>
<div style="display: flex;justify-content: center;margin-top: 30rpx;">
<div class="rightBtn" @click="mark()">标记</div>
</div>
</div>
</div>
</div>
</template>
<script setup>
import { inject, ref, reactive,watch } from 'vue';
import { onLoad, onShow } from '@dcloudio/uni-app';
const { $api, navTo, navBack,urls } = inject('globalFunction');
import config from "@/config.js"
const userInfo = ref({});
const Authorization = ref('');
const searchKeyword = ref('');
const dataList=ref([])
const pageSize=ref(10)
const pageNum=ref(1)
const totalNum=ref(0)
const dates=ref('')
// const classification=ref([])
// const levalLabels=ref([])
const examInfo = ref({})
const baseUrl = config.imgBaseUrl
const dialogVisible = ref(false);
const checkeds = ref(false);
const selectedItems = ref([]);
const current = ref("");
const handleScrollToLower = () => {
getDataList('add');
};
function selects(){
checkeds.value=!checkeds.value;
dataList.value.forEach(item=>{
item.checked=checkeds.value
})
};
function choice(i){
dataList.value[i].checked=!dataList.value[i].checked;
}
onLoad(() => {
// getDictionary()
// const date = new Date();
// let year = date.getFullYear();
// let month = date.getMonth() + 1; // 月份从0开始，需要加1
// let day = date.getDate();
// month=month>9?month:'0'+month
// day=day>9?day:'0'+day
// dates.value=year+'-'+month+'-'+day
// Authorization.value=uni.getStorageSync('Padmin-Token')||''
// getHeart();
});
onShow(()=>{
Authorization.value=uni.getStorageSync('Padmin-Token')||''
getHeart();
})
function getHeart() {
const raw =Authorization.value;
const token = typeof raw === "string" ? raw.trim() : "";
const headers = token ? { 'Authorization': raw.startsWith("Bearer ") ? raw : `Bearer ${token}` }: {}
$api.myRequest("/dashboard/auth/heart", {}, "POST", 10100, headers).then((resData) => {
if (resData.code == 200) {
getUserInfo();
} else {
navTo('/packageB/login')
}
});
};
function getUserInfo(){
let header={
'Authorization':Authorization.value
}
$api.myRequest('/system/user/login/user/info', {},'get',10100,header).then((resData) => {
userInfo.value = resData.info || {};
getDataList('refresh');
});
};
// function getDictionary(){
// $api.myRequest('/system/public/dict/data/type/question_classification', {},'get',9100).then((resData) => {
// classification.value=resData.data
// });
// $api.myRequest('/system/public/dict/data/type/question_level', {},'get',9100).then((resData) => {
// levalLabels.value=resData.data
// });
// }
// 搜索
function searchVideo() {
getDataList('refresh');
}
// 清除搜索内容
function clearSearch() {
searchKeyword.value = '';
getDataList('refresh');
}
// 获取错题列表
function getDataList(type = 'add') {
let maxPage=Math.ceil(totalNum.value/pageSize.value)
let params={}
if (type === 'refresh') {
pageNum.value = 1;
params={
content:searchKeyword.value,
pageSize:pageSize.value,
pageNum:pageNum.value,
userId:userInfo.value.userId
}
$api.myRequest('/train/public/mistackUser/mistackTable', params).then((resData) => {
if(resData.code==200){
dataList.value=resData.rows
totalNum.value=resData.total
dataList.value.forEach(item=>{
item.checked=false
})
}
});
}
if (type === 'add' && pageNum.value < maxPage) {
pageNum.value += 1;
params={
content:searchKeyword.value,
pageSize:pageSize.value,
pageNum:pageNum.value,
userId:userInfo.value.userId
}
$api.myRequest('/train/public/mistackUser/mistackTable', params).then((resData) => {
if(resData.code==200){
dataList.value=dataList.value.concat(resData.rows)
totalNum.value=resData.total
dataList.value.forEach(item=>{
item.checked=false
})
}
});
}
}
function handleDetail(row){
navTo(`/packageB/train/wrongAnswer/wrongDetail?questionId=${row.questionId}`);
}
function startPractice(row){
navTo('/packageB/train/wrongAnswer/questionPractice');
}
function clones(){
dialogVisible.value=false
}
function radioChange(evt) {
current.value=evt.detail.value;
}
function clearNotebook() {
$api.myRequest('/train/public/mistackUser/clear', {
userId:userInfo.value.userId,
}).then((resData) => {
if(resData&&resData.code==200){
getDataList('refresh');
}
});
};
function batchMark() {
// 批量标记逻辑
dataList.value.forEach(item=>{
if(item.checked){
selectedItems.value.push(item)
}
})
if(selectedItems.value.length>0){
dialogVisible.value=true
}else{
$api.msg('请先选择要标记的错题!')
}
};
function mark(){
let ids=[]
selectedItems.value.forEach(item=>{
ids.push(item.questionId)
})
$api.myRequest('/train/public/mistackUser/batchUpdate', {
userId:userInfo.value.userId,
questionIds:ids.join(","),
status:current.value
}).then((resData) => {
if(resData&&resData.code==200){
if(current.value==3){
$api.msg('移出成功!')
}else{
$api.msg('标记成功!')
}
dialogVisible.value=false
getDataList('refresh');
}
});
};
function removeFromNotebook(id,i) {
$api.myRequest('/train/public/mistackUser/batchUpdate', {
userId:userInfo.value.userId,
questionId:id,
status:i
}).then((resData) => {
if(resData&&resData.code==200){
if(i==3){
$api.msg('移出成功!')
}else{
$api.msg('标记成功!')
}
getDataList('refresh');
}
});
}
</script>
<style lang="stylus" scoped>
.app-box{
width: 100%;
height: 100vh;
position: relative;
.con-box{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top:0;
z-index: 10;
padding: 20rpx 28rpx;
box-sizing: border-box;
overflow: hidden;
.serchBtns{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 20rpx;
.btn{
width: 30%;
height: 50rpx;
line-height: 50rpx;
text-align: center
color: #fff;
border-radius: 10rpx
}
}
.collection-search{
padding: 10rpx 20rpx;
display: flex;
align-items: center;
justify-content: space-between;
.search-content{
width: 80%;
position: relative
display: flex
align-items: center
padding: 14rpx 0
.header-input{
padding: 0
width: calc(100%);
position: relative
.iconsearch{
position: absolute
left: 30rpx;
top: 50%
transform: translate(0, -50%)
z-index: 1
}
.input{
padding: 0 80rpx 0 80rpx
height: 80rpx;
background: #FFFFFF;
border-radius: 75rpx 75rpx 75rpx 75rpx;
border: 2rpx solid #ECECEC
font-size: 28rpx;
}
.clear-icon{
position: absolute
right: 30rpx;
top: 50%
transform: translate(0, -50%)
z-index: 1
cursor: pointer
}
.inputplace{
font-weight: 400;
font-size: 28rpx;
color: #B5B5B5;
}
}
}
}
.main-scroll {
width: 100%;
height: 85%;
.cards{
width: 100%;
height: 280rpx;
background: linear-gradient(0deg, #E3EFFF 0%, #FBFDFF 100%);
// box-shadow: 0px 0px 6px 0px rgba(0,71,200,0.32);
border-radius: 12rpx;
border: 2px solid #EDF5FF;
margin-bottom: 30rpx;
padding: 30rpx 40rpx 0;
box-sizing: border-box;
position: relative;
.choices{
position: absolute;
top: 0;
left: -10rpx;
}
.cardHead{
display: flex;
align-items: center;
justify-content: space-between;
.cardHeadLeft{
display: flex;
align-items: center
width: 75%;
.cardTitle{
font-weight: bold;
font-size: 28rpx;
color: #0069CB;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.titleType{
border-radius: 4px;
font-size: 22rpx;
color: #157EFF;
width: 100rpx;
height: 38rpx;
text-align: center;
line-height: 38rpx;
margin-left: 10rpx;
}
}
}
.heng{
width: 120rpx;
height: 4rpx;
background: linear-gradient(88deg, #015EEA 0%, #00C0FA 100%);
margin: 10rpx 0 20rpx;
}
.cardCon{
display: flex;
flex-wrap: wrap;
.conten{
width: 50%;
font-size: 22rpx;
color: #666666;
display: flex;
align-items: center
margin-bottom: 20rpx;
}
.status-tags{
display: flex;
align-items: center;
}
}
.flooter{
border-top: 1px solid #ccc;
display: flex;
justify-content: flex-end;
align-items: center;
view{
font-size: 28rpx;
margin-left: 30rpx;
color: #2175F3;
padding-top: 10rpx;
}
}
}
}
}
.cards2{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100vh;
background-color: rgba(0,0,0,0.5);
z-index: 10000;
padding: 100rpx 50rpx;
box-sizing: border-box;
.cardCon{
height: 70%;
background-color: #fff;
padding: 20rpx;
box-sizing: border-box;
.cardHead{
display: flex;
align-items: center;
justify-content: space-between;
font-size: 30rpx;
font-weight: 600;
}
}
}
}
.titleType{
display: inline-block
border-radius: 4px;
font-size: 22rpx;
color: #157EFF;
width: 100rpx;
height: 38rpx;
text-align: center;
line-height: 38rpx;
margin-left: 10rpx;
}
.primary{
border: 1px solid #157EFF!important;
color: #157EFF!important
}
.success{
border: 1px solid #05A636!important;
color: #05A636!important
}
.info{
border: 1px solid #898989!important;
color: #898989!important
}
.tertiary{
border: 1px solid #E6A340!important;
color: #E6A340!important
}
.primary2{
border: 1px solid #F56C6C!important;
color: #F56C6C!important
}
.rightBtn{
width: 140rpx;
height: 44rpx;
line-height: 44rpx;
background: linear-gradient(90deg, #00C0FA 0%, #1271FF 100%);
border-radius: 4px;
color: #fff;
font-size: 24rpx;
text-align: center;
}
.detailTitle{
font-size: 28rpx;
font-weight: 600;
margin: 30rpx 0;
}
.detailCon{
font-size: 28rpx;
line-height: 40rpx;
}
.exam-info {
display: flex;
justify-content: space-between;
margin-bottom: 35rpx;
margin-top: 20rpx;
}
.info-item {
flex: 1;
text-align: center;
}
.info-value {
font-family: 'D-DIN-Medium';
font-size: 26rpx;
font-weight: 600;
color: #409EFF;
margin-bottom: 8rpx;
}
.info-label {
font-size: 26rpx;
color: #333;
}
.info-divider {
width: 2px;
background-color: #C3E1FF;
}
</style>

540
packageB/train/wrongAnswer/questionPractice.vue Normal file
View File

@@ -0,0 +1,540 @@
<template>
<div class="app-box">
<image src="/packageB/static/images/train/bj.jpg" class="bjImg" mode=""></image>
<div class="con-box">
<div class="header">
<div>错题练习</div>
<div class="headBtn" @click="complete()">退出</div>
</div>
<div class="problemCard">
<div v-for="(item,index) in problemData" :key="index">
<template v-if="questionIndex==(index+1)">
<div class="problemTitle">
<span class="titleType" v-if="item.type=='single'">单选题</span>
<span class="titleType" v-if="item.type=='multiple'">多选题</span>
<span class="titleType" v-if="item.type=='judge'">判断题</span>
<span>{{item.content}}</span>
</div>
<div class="options" v-if="item.type=='single'">
<div class="opt" @click="selected(i)" :class="radio!==''&&i==radio?'active':''" v-for="(val,i) in parseOptions(item.trainChooses)">
<div class="optLab">{{indexToLetter(i)}}</div>
<span>{{val}}</span>
</div>
</div>
<div class="options" v-if="item.type=='multiple'">
<div class="opt" @click="selected2(i)" :class="judgment(i)?'active':''" v-for="(val,i) in parseOptions(item.trainChooses)">
<div class="optLab">{{indexToLetter(i)}}</div>
<span>{{val}}</span>
</div>
</div>
<div class="options" v-if="item.type=='judge'">
<div class="opt" @click="selected3('正确')" :class="radio2=='正确'?'active':''">
<span>正确</span>
</div>
<div class="opt" @click="selected3('错误')" :class="radio2=='错误'?'active':''">
<span>错误</span>
</div>
</div>
<div class="analysis" v-if="analysis">
<div class="analysisHead correct" v-if="judgWhether=='正确'">
<div>回答正确！</div>
<div></div>
</div>
<div class="analysisHead errors" v-if="judgWhether=='错误'">
<div>回答错误！</div>
<div></div>
</div>
<div class="analysisCon">
<div class="parse1">正确答案：</div>
<div class="parse2" v-if="item.type=='single'" style="color: #30A0FF;font-weight: bold;">{{String.fromCharCode(65 + Number(item.answer))}}.</div>
<div class="parse2" v-if="item.type=='multiple'" style="color: #30A0FF;font-weight: bold;">
<span v-for="(val,i) in parseOptions(item.answer)">{{indexToLetter(Number(val))}}.</span>
</div>
<div class="parse2" v-if="item.type=='judge'" style="color: #30A0FF;font-weight: bold;">{{item.answer}}</div>
</div>
<div class="analysisCon">
<div class="parse1">答案解析：</div>
<div class="parse2">{{item.answerDesc}}</div>
</div>
<div class="analysisCon">
<div class="parse1">知识点：</div>
<div>
<el-tag style="margin-right: 10px;">{{item.knowledgePoint}}</el-tag>
</div>
</div>
</div>
<div class="problemBtns">
<div v-if="analysis&&judgWhether!=''&&questionIndex!=problemData.length" @click="questionIndex+=1">下一题</div>
<div v-else :class="((radio===''&&radio2===''&&checkList.length==0&&isRunning)||analysis)?'events':''" @click="submit()">提交答案</div>
</div>
</template>
</div>
</div>
<div class="footer">
<div class="footerLeft">
<div class="zuo" :class="questionIndex==1?'events':''" @click="questionIndex-=1"></div>
<div class="you" :class="questionIndex==problemData.length?'events':''" @click="questionIndex+=1"></div>
</div>
<div class="footerLeft">
<div>
<div class="icons" style="background-color: #1CADF5;">√</div>
<div class="texts" style="color: #1CADF5;">{{correctIndex}}</div>
</div>
<div>
<div class="icons" style="background-color: #FF6668;">×</div>
<div class="texts" style="color: #FF6668;">{{errorsIndex}}</div>
</div>
<div @click="dialogVisible=true">
<div><span style="color: #1CADF5;">{{questionIndex}}</span>/{{problemData.length}}</div>
<div>题号</div>
</div>
</div>
</div>
</div>
<div class="cards" v-if="dialogVisible">
<div class="cardCon">
<div class="cardHead">
<div>题号</div>
<div style="font-size: 40rpx;" @click="clones()">×</div>
</div>
<div class="questionNums">
<div class="questions" :class="item.whether=='正确'?'questionCorrect':item.whether=='错误'?'questionError':questionIndex==(index+1)?'questionsActive':''" @click="switchs(index)" v-for="(item,index) in problemList" :key="index">{{index+1}}</div>
</div>
</div>
</div>
</div>
</template>
<script setup>
import { reactive, inject, watch, ref, onMounted,onBeforeUnmount,computed } from 'vue';
import { onLoad, onShow } from '@dcloudio/uni-app';
const { $api,urls , navTo,navBack , vacanciesTo, formatTotal, config } = inject('globalFunction');
import useUserStore from '@/stores/useUserStore';
import useDictStore from '@/stores/useDictStore';
const userInfo = ref({});
const Authorization = ref('');
const radio = ref('');
const radio2 = ref('');
const checkList = ref([]);
const questionIndex = ref(1);
const correctIndex = ref(0);
const errorsIndex = ref(0);
const analysis = ref(false);
const judgWhether = ref('');
const isRunning = ref(false);
const dialogVisible = ref(false);
const problemData = ref([]);
const problemList = ref([]);
watch(questionIndex, (newVal, oldVal) => {
radio.value=""
radio2.value=""
checkList.value=[]
analysis.value=false
judgWhether.value=""
});
onLoad((options) => {
Authorization.value=uni.getStorageSync('Padmin-Token')||''
getHeart();
});
onShow(()=>{
})
function getHeart() {
const raw =Authorization.value;
const token = typeof raw === "string" ? raw.trim() : "";
const headers = token ? { 'Authorization': raw.startsWith("Bearer ") ? raw : `Bearer ${token}` }: {}
$api.myRequest("/dashboard/auth/heart", {}, "POST", 10100, headers).then((resData) => {
if (resData.code == 200) {
getUserInfo();
} else {
navTo('/packageB/login')
}
});
};
function getUserInfo(){
let header={
'Authorization':Authorization.value
}
$api.myRequest('/system/user/login/user/info', {},'get',10100,header).then((resData) => {
userInfo.value = resData.info || {};
// userId.value=resData.info.userId
queryData()
});
};
function queryData(){
problemData.value=[]
let header={
'Authorization':Authorization.value,
'Content-Type':"application/x-www-form-urlencoded"
}
$api.myRequest('/train/public/mistackUser/getMistackPractice', {
userId: userInfo.value.userId
},'post',9100,header).then((resData) => {
if(resData&&resData.code==200){
resData.data.forEach((item,i)=>{
problemData.value.push(item)
problemList.value.push({index:i+1,whether:""})
})
}
});
}
//提交答案
function submit(){
let indexs=questionIndex.value-1
let parm={
questionId:problemData.value[indexs].questionId,
userId:userInfo.value.userId,
trueAnswer:problemData.value[indexs].answer
}
if(problemData.value[indexs].type=='single'){
parm.submitAnswer=radio.value
}else if(problemData.value[indexs].type=='multiple'){
parm.submitAnswer=checkList.value.join(',')
}else if(problemData.value[indexs].type=='judge'){
parm.submitAnswer=radio2.value
}
let header={
'Authorization':Authorization.value,
'Content-Type':"application/x-www-form-urlencoded"
}
$api.myRequest('/train/public/mistackUser/submitAnswer', parm,'post',9100,header).then((resData) => {
if(resData&&resData.code==200){
analysis.value=true
judgWhether.value=resData.msg
problemList.value[indexs].whether=resData.msg
if(resData.msg=='正确'){
correctIndex.value++
}else if(resData.msg=='错误'){
errorsIndex.value++
}
if(questionIndex.value==problemData.value.length){
$api.msg('已经是最后一题了')
}
}
});
};
function selected(i){
radio.value=i
};
//多选
function selected2(i){
let arr=checkList.value.join(",")
if(arr.indexOf(i) !== -1){
const index = checkList.value.indexOf(i);
if (index !== -1) {
checkList.value.splice(index, 1);
}
}else{
checkList.value.push(i)
}
};
function judgment(i){
let arr=checkList.value.join(",")
if(arr.indexOf(i) !== -1){
return true
}else{
return false
}
};
function selected3(i){
radio2.value=i
};
// 解析选项
function parseOptions(options) {
if (!options) return [];
// 假设options是字符串格式，以分号分隔
if (typeof options === 'string') {
return options.split(',').filter(opt => opt.trim());
}
// 如果是数组，直接返回
if (Array.isArray(options)) {
return options;
}
return [];
};
function indexToLetter(index) {
// 将索引转换为对应的字母
return String.fromCharCode(65 + index);
};
function clones(){
dialogVisible.value=false
};
function switchs(i){
questionIndex.value=(i+1)
dialogVisible.value=false
};
function complete(){
navBack()
}
</script>
<style lang="stylus" scoped>
.app-box{
width: 100%;
height: 100vh;
position: relative;
.bjImg{
position: absolute;
width: 100%;
height: 100%;
}
.con-box{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top:0;
z-index: 10;
padding: 20rpx 28rpx;
box-sizing: border-box;
.header{
height: 100rpx;
padding: 0 10rpx;
display: flex;
align-items: center;
justify-content: space-between;
background: linear-gradient(0deg, #4285EC 0%, #0BBAFB 100%);
color: #fff;
font-size: 26rpx;
border-radius: 10rpx
.headBtn{
background: #499FFF;
border-radius: 4px;
width: 100rpx;
text-align: center;
height: 50rpx;
line-height: 50rpx;
}
}
.problemCard{
margin-top: 30rpx;
.problemTitle{
font-size: 30rpx;
.titleType{
display: inline-block;
background-color: #499FFF;
border-radius: 10rpx 10rpx 10rpx 0;
padding: 8rpx 12rpx;
color: #fff;
font-size: 26rpx;
margin-right: 20rpx;
}
}
.options{
margin-top: 30rpx;
.opt{
height: 60rpx;
/* background-color: #F8F9FA; */
border-radius: 5px;
margin-bottom: 15px;
display: flex;
align-items: center;
padding-left: 30rpx;
box-sizing: border-box;
color: #808080;
font-size: 30rpx;
.optLab{
width: 40rpx;
height: 40rpx;
text-align: center;
line-height: 40rpx;
border-radius: 50%;
background-color: #8C8C8C;
color: #fff;
font-weight: 600;
font-size: 32rpx;
margin-right: 20rpx;
}
}
.active{
background: linear-gradient(90deg, #25A9F5 0%, #B1DBFF 100%);
color: #fff!important;
font-weight: bold;
}
.active>view{
background-color: #fff!important;
color: #25A9F5!important;
}
}
.analysis{
margin-top: 30rpx;
background-color: #fff;
border-radius: 6px;
margin-bottom: 15rpx;
border: 1px solid #10A8FF;
padding: 20rpx;
box-sizing: border-box;
.analysisHead{
display: flex;
align-items: center;
justify-content: space-between;
font-size: 32rpx;
font-family: Microsoft YaHei;
font-weight: bold;
letter-spacing: 2px;
}
.correct{
color: #67C23A;
}
.errors{
color: #F06A6A;
}
.analysisCon{
margin-top: 30rpx;
.parse1{
font-size: 30rpx;
font-family: Microsoft YaHei;
font-weight: bold;
}
.parse2{
font-size: 26rpx;
color: #333;
margin-top: 10px;
}
}
}
.problemBtns{
display: flex
align-items: center
justify-content: center
view{
width: 140rpx
height: 50rpx
text-align: center
line-height: 50rpx
background-color: #10A8FF
color: #fff
font-size: 28rpx
border-radius: 5rpx
margin-right: 10rpx;
}
}
}
.footer{
width: 100%;
height: 120rpx;
border-top: 1px solid #ddd
position: fixed
bottom: 0
left: 0
display: flex
align-items: center
justify-content: space-between
.footerLeft{
display: flex
align-items: center
font-size: 30rpx;
text-align: center
.zuo{
width: 26rpx;
height: 26rpx;
border-top: 2px solid #666
border-left: 2px solid #666
transform: rotate(-45deg); /* 鼠标悬停时旋转360度 */
margin-left: 60rpx;
}
.you{
width: 26rpx;
height: 26rpx;
border-right: 2px solid #666
border-bottom: 2px solid #666
transform: rotate(-45deg); /* 鼠标悬停时旋转360度 */
// margin-left: 30rpx;
margin-right: 50rpx;
}
.icons{
width: 30rpx;
height: 30rpx;
color: #fff;
text-align: center;
line-height: 30rpx;
border-radius: 50%
}
.texts{
font-size: 24rpx;
}
}
.footerLeft>view{
margin-right: 40rpx;
}
.footerBtn{
width: 140rpx
height: 50rpx
text-align: center
line-height: 50rpx
background-color: #67C23A
color: #fff
font-size: 28rpx
border-radius: 5rpx
}
}
}
.cards{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100vh;
background-color: rgba(0,0,0,0.5);
z-index: 1000;
padding: 100rpx 50rpx;
box-sizing: border-box;
.cardCon{
height: 100%;
background-color: #fff;
padding: 20rpx;
box-sizing: border-box;
.cardHead{
display: flex;
align-items: center;
justify-content: space-between;
font-size: 30rpx;
font-weight: 600;
}
.questionNums{
width: 100%;
display: flex;
flex-wrap: wrap;
}
.questions{
width: 60rpx;
height: 60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 8rpx;
border: 2px solid #E0E0E0;
font-size: 28rpx;
margin-right: 15px;
cursor: pointer;
}
.questionsActive{
background-color: #F0F9FF;
border: 2px solid #409EFF;
}
.questionCorrect{
background-color: #F0F9FF;
border: 2px solid #64BC38;
color: #6BC441;
}
.questionError{
background-color: #FFF1F0;
border: 2px solid #F56C6C;
color: #F36B6B;
}
}
}
}
.events{
pointer-events: none; /* 这会禁用所有指针事件 */
opacity: 0.5; /* 可选：改变透明度以视觉上表示不可点击 */
cursor: not-allowed; /* 可选：改变鼠标光标样式 */
}
</style>

442
packageB/train/wrongAnswer/wrongDetail.vue Normal file
View File

@@ -0,0 +1,442 @@
<template>
<div class="app-box">
<image src="/packageB/static/images/train/bj.jpg" class="bjImg" mode=""></image>
<div class="con-box">
<div class="problemCard">
<div>
<div class="problemTitle">
<span class="titleType" v-if="problemData.type=='single'">单选题</span>
<span class="titleType" v-if="problemData.type=='multiple'">多选题</span>
<span class="titleType" v-if="problemData.type=='judge'">判断题</span>
<span>{{problemData.content}}</span>
</div>
<div class="options" v-if="problemData.type=='single'">
<div class="opt" :class="problemData.submitAnswer!==''&&i==problemData.submitAnswer?'active':''" v-for="(val,i) in parseOptions(problemData.trainChooses)">
<div class="optLab">{{indexToLetter(i)}}</div>
<span>{{val}}</span>
</div>
</div>
<div class="options" v-if="problemData.type=='multiple'">
<div class="opt" :class="judgment(i)?'active':''" v-for="(val,i) in parseOptions(problemData.trainChooses)">
<div class="optLab">{{indexToLetter(i)}}</div>
<span>{{val}}</span>
</div>
</div>
<div class="options" v-if="problemData.type=='judge'">
<div class="opt" :class="problemData.submitAnswer=='正确'?'active':''">
<span>正确</span>
</div>
<div class="opt" :class="problemData.submitAnswer=='错误'?'active':''">
<span>错误</span>
</div>
</div>
<div class="analysis">
<div class="analysisHead correct" v-if="problemData.submitAnswer==problemData.trueAnswer">
<div>回答正确！</div>
<div></div>
</div>
<div class="analysisHead errors" v-else>
<div>回答错误！</div>
<div></div>
</div>
<div class="analysisCon">
<div class="parse1">正确答案：</div>
<div class="parse2" v-if="problemData.type=='single'" style="color: #30A0FF;font-weight: bold;">{{String.fromCharCode(65 + Number(problemData.trueAnswer))}}.</div>
<div class="parse2" v-if="problemData.type=='multiple'" style="color: #30A0FF;font-weight: bold;">
<span v-for="(val,i) in parseOptions(problemData.trueAnswer)">{{indexToLetter(Number(val))}}.</span>
</div>
<div class="parse2" v-if="problemData.type=='judge'" style="color: #30A0FF;font-weight: bold;">{{problemData.trueAnswer}}</div>
</div>
<div class="analysisCon">
<div class="parse1">答案解析：</div>
<div class="parse2">{{problemData.answerDesc}}</div>
</div>
<div class="analysisCon">
<div class="parse1">知识点：</div>
<div>
<el-tag style="margin-right: 10px;">{{problemData.knowledgePoint}}</el-tag>
</div>
</div>
</div>
<div class="problemBtns">
<div @click="removeFromNotebook(2)">标记掌握</div>
<div @click="removeFromNotebook(3)">移出错题</div>
</div>
</div>
</div>
</div>
</div>
</template>
<script setup>
import { reactive, inject, watch, ref, onMounted,onBeforeUnmount,computed } from 'vue';
import { onLoad, onShow } from '@dcloudio/uni-app';
const { $api,urls , navTo,navBack , vacanciesTo, formatTotal, config } = inject('globalFunction');
import useUserStore from '@/stores/useUserStore';
import useDictStore from '@/stores/useDictStore';
const userInfo = ref({});
const rows = ref({});
const Authorization = ref('');
const radio = ref('');
const radio2 = ref('');
const checkList = ref([]);
const questionIndex = ref(1);
const judgWhether = ref('');
const problemData = ref({});
onLoad((options) => {
rows.value=options
Authorization.value=uni.getStorageSync('Padmin-Token')||''
getHeart();
});
onShow(()=>{
})
function getHeart() {
const raw =Authorization.value;
const token = typeof raw === "string" ? raw.trim() : "";
const headers = token ? { 'Authorization': raw.startsWith("Bearer ") ? raw : `Bearer ${token}` }: {}
$api.myRequest("/dashboard/auth/heart", {}, "POST", 10100, headers).then((resData) => {
if (resData.code == 200) {
getUserInfo();
} else {
navTo('/packageB/login')
}
});
};
function getUserInfo(){
let header={
'Authorization':Authorization.value
}
$api.myRequest('/system/user/login/user/info', {},'get',10100,header).then((resData) => {
userInfo.value = resData.info || {};
// userId.value=resData.info.userId
queryData()
});
};
function queryData(){
let header={
'Authorization':Authorization.value,
'Content-Type':"application/x-www-form-urlencoded"
}
$api.myRequest('/train/public/mistackUser/detail', {
userId: userInfo.value.userId,
questionId:rows.value.questionId,
},'post',9100,header).then((resData) => {
if(resData&&resData.code==200){
problemData.value=resData.data;
}
});
}
function removeFromNotebook(i) {
$api.myRequest('/train/public/mistackUser/batchUpdate', {
userId:userInfo.value.userId,
questionId:rows.value.questionId,
status:i
}).then((resData) => {
if(resData&&resData.code==200){
if(i==3){
$api.msg('移出成功!')
}else{
$api.msg('标记成功!')
}
navBack()
}
});
}
function judgment(i){
let arr=checkList.value.join(",")
if(arr.indexOf(i) !== -1){
return true
}else{
return false
}
};
// 解析选项
function parseOptions(options) {
if (!options) return [];
// 假设options是字符串格式，以分号分隔
if (typeof options === 'string') {
return options.split(',').filter(opt => opt.trim());
}
// 如果是数组，直接返回
if (Array.isArray(options)) {
return options;
}
return [];
};
function indexToLetter(index) {
// 将索引转换为对应的字母
return String.fromCharCode(65 + index);
};
</script>
<style lang="stylus" scoped>
.app-box{
width: 100%;
height: 100vh;
position: relative;
.bjImg{
position: absolute;
width: 100%;
height: 100%;
}
.con-box{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top:0;
z-index: 10;
padding: 20rpx 28rpx;
box-sizing: border-box;
.header{
height: 100rpx;
padding: 0 10rpx;
display: flex;
align-items: center;
justify-content: space-between;
background: linear-gradient(0deg, #4285EC 0%, #0BBAFB 100%);
color: #fff;
font-size: 26rpx;
border-radius: 10rpx
.headBtn{
background: #499FFF;
border-radius: 4px;
width: 100rpx;
text-align: center;
height: 50rpx;
line-height: 50rpx;
}
}
.problemCard{
margin-top: 30rpx;
.problemTitle{
font-size: 30rpx;
.titleType{
display: inline-block;
background-color: #499FFF;
border-radius: 10rpx 10rpx 10rpx 0;
padding: 8rpx 12rpx;
color: #fff;
font-size: 26rpx;
margin-right: 20rpx;
}
}
.options{
margin-top: 30rpx;
.opt{
height: 60rpx;
/* background-color: #F8F9FA; */
border-radius: 5px;
margin-bottom: 15px;
display: flex;
align-items: center;
padding-left: 30rpx;
box-sizing: border-box;
color: #808080;
font-size: 30rpx;
.optLab{
width: 40rpx;
height: 40rpx;
text-align: center;
line-height: 40rpx;
border-radius: 50%;
background-color: #8C8C8C;
color: #fff;
font-weight: 600;
font-size: 32rpx;
margin-right: 20rpx;
}
}
.active{
background: linear-gradient(90deg, #25A9F5 0%, #B1DBFF 100%);
color: #fff!important;
font-weight: bold;
}
.active>view{
background-color: #fff!important;
color: #25A9F5!important;
}
}
.analysis{
margin-top: 30rpx;
background-color: #fff;
border-radius: 6px;
margin-bottom: 40rpx;
border: 1px solid #10A8FF;
padding: 20rpx;
box-sizing: border-box;
.analysisHead{
display: flex;
align-items: center;
justify-content: space-between;
font-size: 32rpx;
font-family: Microsoft YaHei;
font-weight: bold;
letter-spacing: 2px;
}
.correct{
color: #67C23A;
}
.errors{
color: #F06A6A;
}
.analysisCon{
margin-top: 30rpx;
.parse1{
font-size: 30rpx;
font-family: Microsoft YaHei;
font-weight: bold;
}
.parse2{
font-size: 26rpx;
color: #333;
margin-top: 10px;
}
}
}
.problemBtns{
display: flex
align-items: center
justify-content: center
view{
width: 140rpx
height: 50rpx
text-align: center
line-height: 50rpx
background-color: #10A8FF
color: #fff
font-size: 28rpx
border-radius: 5rpx
margin-right: 20rpx;
}
}
}
.footer{
width: 100%;
height: 120rpx;
border-top: 1px solid #ddd
position: fixed
bottom: 0
left: 0
display: flex
align-items: center
justify-content: space-between
.footerLeft{
display: flex
align-items: center
font-size: 30rpx;
text-align: center
.zuo{
width: 26rpx;
height: 26rpx;
border-top: 2px solid #666
border-left: 2px solid #666
transform: rotate(-45deg); /* 鼠标悬停时旋转360度 */
margin-left: 60rpx;
}
.you{
width: 26rpx;
height: 26rpx;
border-right: 2px solid #666
border-bottom: 2px solid #666
transform: rotate(-45deg); /* 鼠标悬停时旋转360度 */
// margin-left: 30rpx;
margin-right: 50rpx;
}
.icons{
width: 30rpx;
height: 30rpx;
color: #fff;
text-align: center;
line-height: 30rpx;
border-radius: 50%
}
.texts{
font-size: 24rpx;
}
}
.footerLeft>view{
margin-right: 40rpx;
}
.footerBtn{
width: 140rpx
height: 50rpx
text-align: center
line-height: 50rpx
background-color: #67C23A
color: #fff
font-size: 28rpx
border-radius: 5rpx
}
}
}
.cards{
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100vh;
background-color: rgba(0,0,0,0.5);
z-index: 1000;
padding: 100rpx 50rpx;
box-sizing: border-box;
.cardCon{
height: 100%;
background-color: #fff;
padding: 20rpx;
box-sizing: border-box;
.cardHead{
display: flex;
align-items: center;
justify-content: space-between;
font-size: 30rpx;
font-weight: 600;
}
.questionNums{
width: 100%;
display: flex;
flex-wrap: wrap;
}
.questions{
width: 60rpx;
height: 60rpx;
text-align: center;
line-height: 60rpx;
border-radius: 8rpx;
border: 2px solid #E0E0E0;
font-size: 28rpx;
margin-right: 15px;
cursor: pointer;
}
.questionsActive{
background-color: #F0F9FF;
border: 2px solid #409EFF;
}
.questionCorrect{
background-color: #F0F9FF;
border: 2px solid #64BC38;
color: #6BC441;
}
.questionError{
background-color: #FFF1F0;
border: 2px solid #F56C6C;
color: #F36B6B;
}
}
}
}
.events{
pointer-events: none; /* 这会禁用所有指针事件 */
opacity: 0.5; /* 可选：改变透明度以视觉上表示不可点击 */
cursor: not-allowed; /* 可选：改变鼠标光标样式 */
}
</style>

3
apiCa/job.js → packageCa/apiCa/job.js
View File

@@ -1,4 +1,4 @@
import request from '@/utilCa/request.js'
import request from '@/packageCa/utilCa/request.js'
const api = {}
// 获取职业大类 中类
@@ -9,3 +9,4 @@ api.queryJobListByParentCode = (name,code) => request.globalRequest(`/Job/QueryJ
api.queryJobDetailById = (id) => request.globalRequest(`/Job/QueryCeremonyDetail?id=${id}`,'GET', {}, 2)
export default api

3
apiCa/studentProfile.js → packageCa/apiCa/studentProfile.js
View File

@@ -1,4 +1,4 @@
import request from '@/utilCa/request.js'
import request from '@/packageCa/utilCa/request.js'
const api = {}
// 获取生涯罗盘
@@ -31,3 +31,4 @@ api.queryPathInfo = (encodeId) => request.globalRequest(`/GXStudent/QueryPathInf
export default api

3
apiCa/testManage.js → packageCa/apiCa/testManage.js
View File

@@ -1,4 +1,4 @@
import request from '@/utilCa/request.js'
import request from '@/packageCa/utilCa/request.js'
const api = {}
@@ -51,3 +51,4 @@ api.saveTestRecordProcess = (data) => request.globalRequest(`/TestRecordProcess/
export default api

3
apiCa/user.js → packageCa/apiCa/user.js
View File

@@ -1,4 +1,4 @@
import request from '@/utilCa/request.js'
import request from '@/packageCa/utilCa/request.js'
const api = {}
@@ -13,3 +13,4 @@ api.queryStudentProfile = () => request.globalRequest(`/StudentResource/QueryStu
export default api

4
packageCa/job/details.vue
View File

@@ -81,8 +81,8 @@
</template>
<script>
import api from "@/apiCa/job.js"
import api1 from "@/apiCa/user.js"
import api from "@/packageCa/apiCa/job.js"
import api1 from "@/packageCa/apiCa/user.js"
export default {
data() {
return {

2
packageCa/job/index.vue
View File

@@ -41,7 +41,7 @@
</template>
<script>
import api from "@/apiCa/job.js"
import api from "@/packageCa/apiCa/job.js"
import jobList from "@/packageCa/job/jobList.json";
export default {
data() {

2
packageCa/job/midList.vue
View File

@@ -38,7 +38,7 @@
</template>
<script>
import api from "@/apiCa/job.js"
import api from "@/packageCa/apiCa/job.js"
export default {
data() {
return {

2
packageCa/job/smallList.vue
View File

@@ -35,7 +35,7 @@
</template>
<script>
import api from "@/apiCa/job.js"
import api from "@/packageCa/apiCa/job.js"
export default {
data() {
return {

2
packageCa/pagesTest/customTestTitle.vue
View File

@@ -56,7 +56,7 @@
</template>
<script>
import api from "@/apiCa/testManage.js"
import api from "@/packageCa/apiCa/testManage.js"
export default {
data() {
return {

2
packageCa/pagesTest/interestTestTitle.vue
View File

@@ -64,7 +64,7 @@
</view>
</template>
<script>
import api from "@/apiCa/testManage.js"
import api from "@/packageCa/apiCa/testManage.js"
export default {
data() {
return {

2
packageCa/pagesTest/personalTestTitle.vue
View File

@@ -48,7 +48,7 @@
<script>
import api from "@/apiCa/testManage.js"
import api from "@/packageCa/apiCa/testManage.js"
export default {
data() {
return {

2
packageCa/pagesTest/testList.vue
View File

@@ -29,7 +29,7 @@
</template>
<script>
import api from "@/apiCa/testManage.js"
import api from "@/packageCa/apiCa/testManage.js"
export default {
data() {
return {

2
packageCa/pagesTest/workValuesTestTitle.vue
View File

@@ -47,7 +47,7 @@
</template>
<script>
import api from "@/apiCa/testManage.js"
import api from "@/packageCa/apiCa/testManage.js"
export default {
data() {
return {

2
packageCa/search/AIAudition.vue
View File

@@ -5,7 +5,7 @@
</template>
<script>
import api from "@/apiCa/user.js"
import api from "@/packageCa/apiCa/user.js"
export default {
data() {
return {

2
packageCa/search/search.vue
View File

@@ -49,7 +49,7 @@
</template>
<script>
import api from "@/apiCa/user.js"
import api from "@/packageCa/apiCa/user.js"
export default {
data() {
return {

2
packageCa/testReport/components/contrastBox.vue
View File

@@ -109,7 +109,7 @@
</template>
<script>
import api from "@/apiCa/testManage.js";
import api from "@/packageCa/apiCa/testManage.js";
export default {
props: {
testType: {

4
packageCa/testReport/generalCareerTestReport.vue
View File

@@ -73,9 +73,9 @@
<script>
import testHead from "@/packageCa/testReport/components/testHead.vue"
import contrastBox from "@/packageCa/testReport/components/contrastBox.vue"
import api from "@/apiCa/testManage.js";
import api from "@/packageCa/apiCa/testManage.js";
import theme from '@/uni_modules/lime-echart/static/walden.json';
const echarts = require('../../uni_modules/lime-echart/static/echarts.min.js');
const echarts = require('../../utilCa/echarts.min.js');
// import * as echarts from '@/uni_modules/lime-echart/static/echarts.min';
// // 注册主题
// echarts.registerTheme('theme', theme);

4
packageCa/testReport/interestTestReport.vue
View File

@@ -243,9 +243,9 @@
<script>
import testHead from "@/packageCa/testReport/components/testHead.vue"
import contrastBox from "@/packageCa/testReport/components/contrastBox.vue"
import api from "@/apiCa/testManage.js";
import api from "@/packageCa/apiCa/testManage.js";
import theme from '@/uni_modules/lime-echart/static/walden.json';
const echarts = require('../../uni_modules/lime-echart/static/echarts.min.js');
const echarts = require('../../utilCa/echarts.min.js');
// import * as echarts from '@/uni_modules/lime-echart/static/echarts.min';
// // 注册主题
// echarts.registerTheme('theme', theme);

4
packageCa/testReport/multipleAbilityTestReport.vue
View File

@@ -112,10 +112,10 @@
<script>
import testHead from "@/packageCa/testReport/components/testHead.vue"
import contrastBox from "@/packageCa/testReport/components/contrastBox.vue"
import api from "@/apiCa/testManage.js"
import api from "@/packageCa/apiCa/testManage.js"
import wayData from "./multipleAbilityData.json";
import theme from '@/uni_modules/lime-echart/static/walden.json';
const echarts = require('../../uni_modules/lime-echart/static/echarts.min.js');
const echarts = require('../../utilCa/echarts.min.js');
// import * as echarts from '@/uni_modules/lime-echart/static/echarts.min';
// // 注册主题
// echarts.registerTheme('theme', theme);

4
packageCa/testReport/personalTestReport.vue
View File

@@ -400,9 +400,9 @@
import testHead from "@/packageCa/testReport/components/testHead.vue"
import contrastBox from "@/packageCa/testReport/components/contrastBox.vue"
import opts from "./chartOpts.js"
import api from "@/apiCa/testManage.js";
import api from "@/packageCa/apiCa/testManage.js";
import theme from '@/uni_modules/lime-echart/static/walden.json';
const echarts = require('../../uni_modules/lime-echart/static/echarts.min.js');
const echarts = require('../../utilCa/echarts.min.js');
// import * as echarts from '@/uni_modules/lime-echart/static/echarts.min';
// // 注册主题
// echarts.registerTheme('theme', theme);

4
packageCa/testReport/workValuesTestReport.vue
View File

@@ -41,9 +41,9 @@
<script>
import testHead from "@/packageCa/testReport/components/testHead.vue"
import contrastBox from "@/packageCa/testReport/components/contrastBox.vue"
import api from "@/apiCa/testManage.js";
import api from "@/packageCa/apiCa/testManage.js";
import theme from '@/uni_modules/lime-echart/static/walden.json';
const echarts = require('../../uni_modules/lime-echart/static/echarts.min.js');
const echarts = require('../../utilCa/echarts.min.js');
// import * as echarts from '@/uni_modules/lime-echart/static/echarts.min';
// // 注册主题
// echarts.registerTheme('theme', theme);

2
packageCa/userCenter/careerCompass.vue
View File

@@ -101,7 +101,7 @@
</template>
<script>
import api from "@/apiCa/studentProfile.js"
import api from "@/packageCa/apiCa/studentProfile.js"
export default {
data() {
return {

2
packageCa/userCenter/learningPlan.vue
View File

@@ -124,7 +124,7 @@
</template>
<script>
import api from "@/apiCa/studentProfile.js"
import api from "@/packageCa/apiCa/studentProfile.js"
export default {
data() {
return {

4
packageCa/userCenter/personDocument.vue
View File

@@ -251,8 +251,8 @@
</template>
<script>
import api from "@/apiCa/user.js"
import api1 from "@/apiCa/studentProfile.js"
import api from "@/packageCa/apiCa/user.js"
import api1 from "@/packageCa/apiCa/studentProfile.js"
export default {
data() {
return {

2
packageCa/userCenter/professionPath.vue
View File

@@ -133,7 +133,7 @@
</template>
<script>
import api from "@/apiCa/studentProfile.js"
import api from "@/packageCa/apiCa/studentProfile.js"
export default {
data() {
return {

2
packageCa/userCenter/smartTarget.vue
View File

@@ -178,7 +178,7 @@
</template>
<script>
import api from "@/apiCa/studentProfile.js"
import api from "@/packageCa/apiCa/studentProfile.js"
export default {
data() {
return {

2
utilCa/config.js → packageCa/utilCa/config.js
View File

@@ -10,4 +10,4 @@ if (wx.getAccountInfoSync().miniProgram.envVersion === 'develop') {
export {
baseUrl
}
}

0
uni_modules/lime-echart/static/echarts.min.js → packageCa/utilCa/echarts.min.js vendored
View File

3
utilCa/imageUrl.js → packageCa/utilCa/imageUrl.js
View File

@@ -16,4 +16,5 @@ export function ossImageUrl(path, process) {
// 没有处理参数时，直接返回原始路径
return `${BASE_IMAGE_URL}/${path}`;
}
}

3
utilCa/request.js → packageCa/utilCa/request.js
View File

@@ -44,4 +44,5 @@ request.globalRequest = (url, method, data, power, type) => {
}
})
}
export default request
export default request

Some files were not shown because too many files have changed in this diff Show More