合并智慧就业第一版

2025-10-30 11:29:57 +08:00
parent 577b20661a
commit 6579abe021
166 changed files with 2818496 additions and 367 deletions
--- a/components/IconfontIcon/IconfontIcon.vue
+++ b/components/IconfontIcon/IconfontIcon.vue
@@ -0,0 +1,70 @@
+<template>
+    <text class="iconfont" :class="iconClass" :style="iconStyle" @click="handleClick"></text>
+</template>
+
+<script setup>
+import { computed } from 'vue'
+
+const props = defineProps({
+    // 图标名称，如：home、user、search
+    name: {
+        type: String,
+        required: true
+    },
+    // 图标大小（单位：rpx）
+    size: {
+        type: [String, Number],
+        default: 32
+    },
+    // 图标颜色
+    color: {
+        type: String,
+        default: ''
+    },
+    // 是否粗体
+    bold: {
+        type: Boolean,
+        default: false
+    }
+})
+
+const emit = defineEmits(['click'])
+
+// 图标类名
+const iconClass = computed(() => {
+    const prefix = props.name.startsWith('icon-') ? '' : 'icon-'
+    return `${prefix}${props.name}`
+})
+
+// 图标样式
+const iconStyle = computed(() => {
+    const style = {
+        fontSize: `${props.size}rpx`
+    }
+    
+    if (props.color) {
+        style.color = props.color
+    }
+    
+    if (props.bold) {
+        style.fontWeight = 'bold'
+    }
+    
+    return style
+})
+
+// 点击事件
+const handleClick = (e) => {
+    emit('click', e)
+}
+</script>
+
+<style scoped>
+.iconfont {
+    font-style: normal;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    display: inline-block;
+}
+</style>
+
--- a/components/MsgTips/MsgTips.vue
+++ b/components/MsgTips/MsgTips.vue
@@ -13,10 +13,10 @@
            </view>
            <text class="text-content button-click">{{ content }}</text>
            <template v-if="showButton">
-                <uni-button class="popup-button button-click" v-if="isTip" @click="close">{{ buttonText }}</uni-button>
+                <button class="popup-button button-click" v-if="isTip" @click="close">{{ buttonText }}</button>
                <view v-else class="confirm-btns">
-                    <uni-button class="popup-button button-click" @click="close">{{ cancelText }}</uni-button>
-                    <uni-button class="popup-button button-click" @click="confirm">{{ confirmText }}</uni-button>
+                    <button class="popup-button button-click" @click="close">{{ cancelText }}</button>
+                    <button class="popup-button button-click" @click="confirm">{{ confirmText }}</button>
                </view>
            </template>
        </view>
@@ -137,4 +137,18 @@ export default {
        }
    }
 }
+
+// 重置button样式
+button {
+    padding: 0;
+    margin: 0;
+    border: none;
+    background: none;
+    font-size: inherit;
+    line-height: inherit;
+}
+
+button::after {
+    border: none;
+}
 </style>
--- a/components/UserTypeSwitcher/UserTypeSwitcher.vue
+++ b/components/UserTypeSwitcher/UserTypeSwitcher.vue
@@ -0,0 +1,100 @@
+<template>
+    <view class="user-type-switcher">
+        <view class="switcher-title">用户类型切换（测试用）</view>
+        <view class="switcher-buttons">
+            <button 
+                v-for="(type, index) in userTypes" 
+                :key="index"
+                :class="['type-btn', { active: currentUserType === type.value }]"
+                @click="switchUserType(type.value)"
+            >
+                {{ type.label }}
+            </button>
+        </view>
+        <view class="current-type">
+            当前用户类型：{{ getCurrentTypeLabel() }} ({{ currentUserType }})
+        </view>
+    </view>
+</template>
+
+<script setup>
+import { ref, computed } from 'vue';
+import { storeToRefs } from 'pinia';
+import useUserStore from '@/stores/useUserStore';
+
+const { userInfo } = storeToRefs(useUserStore());
+
+const userTypes = [
+    { value: 0, label: '企业用户' },
+    { value: 1, label: '求职者' },
+    { value: 2, label: '网格员' },
+    { value: 3, label: '政府人员' }
+];
+
+const currentUserType = computed(() => userInfo.value?.userType || 0);
+
+const switchUserType = (userType) => {
+    console.log('切换用户类型:', userType);
+    console.log('切换前 userInfo:', userInfo.value);
+    
+    userInfo.value.userType = userType;
+    
+    console.log('切换后 userInfo:', userInfo.value);
+    
+    // 保存到本地存储
+    uni.setStorageSync('userInfo', userInfo.value);
+    
+    uni.showToast({
+        title: `已切换到${getCurrentTypeLabel()}`,
+        icon: 'success'
+    });
+};
+
+const getCurrentTypeLabel = () => {
+    const type = userTypes.find(t => t.value === currentUserType.value);
+    return type ? type.label : '未知';
+};
+</script>
+
+<style lang="scss" scoped>
+.user-type-switcher {
+    padding: 20rpx;
+    background: #f5f5f5;
+    border-radius: 10rpx;
+    margin: 20rpx;
+    
+    .switcher-title {
+        font-size: 28rpx;
+        font-weight: 600;
+        color: #333;
+        margin-bottom: 20rpx;
+    }
+    
+    .switcher-buttons {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 10rpx;
+        margin-bottom: 20rpx;
+        
+        .type-btn {
+            padding: 10rpx 20rpx;
+            border: 2rpx solid #ddd;
+            border-radius: 8rpx;
+            background: #fff;
+            font-size: 24rpx;
+            color: #666;
+            
+            &.active {
+                background: #256BFA;
+                color: #fff;
+                border-color: #256BFA;
+            }
+        }
+    }
+    
+    .current-type {
+        font-size: 24rpx;
+        color: #666;
+    }
+}
+</style>
--- a/components/area-cascade-picker/README.md
+++ b/components/area-cascade-picker/README.md
@@ -0,0 +1,250 @@
+# 五级联动地址选择器组件
+
+## 组件简介
+
+`area-cascade-picker` 是一个支持省市区县街道社区的五级联动地址选择组件，适用于需要选择详细地址的场景。
+
+## 功能特点
+
+- ✅ 五级联动选择（省/市/区/街道/社区）
+- ✅ 自动级联更新
+- ✅ 支持取消和确认操作
+- ✅ 底部弹出式交互
+- ✅ 支持自定义标题
+- ✅ 返回完整的地址信息和各级代码
+
+## 使用方法
+
+### 1. 引入组件
+
+```vue
+<template>
+    <view>
+        <button @click="openPicker">选择地址</button>
+        <area-cascade-picker ref="areaPicker"></area-cascade-picker>
+    </view>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import AreaCascadePicker from '@/components/area-cascade-picker/area-cascade-picker.vue'
+
+const areaPicker = ref(null)
+</script>
+```
+
+### 2. 打开选择器
+
+```javascript
+const openPicker = () => {
+    areaPicker.value?.open({
+        title: '选择地址',
+        maskClick: true,
+        success: (addressData) => {
+            console.log('选择的地址：', addressData)
+            // 处理选择结果
+        },
+        cancel: () => {
+            console.log('取消选择')
+        },
+        change: (addressData) => {
+            console.log('地址变化：', addressData)
+        }
+    })
+}
+```
+
+## API 说明
+
+### open(config)
+
+打开地址选择器
+
+#### 参数 config
+
+| 参数名 | 类型 | 必填 | 默认值 | 说明 |
+|--------|------|------|--------|------|
+| title | String | 否 | '选择地址' | 选择器标题 |
+| maskClick | Boolean | 否 | false | 是否允许点击遮罩关闭 |
+| success | Function | 否 | - | 确认选择的回调函数 |
+| cancel | Function | 否 | - | 取消选择的回调函数 |
+| change | Function | 否 | - | 选择变化的回调函数 |
+| defaultValue | Object | 否 | null | 默认选中的地址（暂未实现） |
+
+#### success 回调参数
+
+```javascript
+{
+    address: "新疆维吾尔自治区/喀什地区/喀什市/学府街道/学府社区居委会",
+    province: {
+        code: "650000",
+        name: "新疆维吾尔自治区"
+    },
+    city: {
+        code: "653100",
+        name: "喀什地区"
+    },
+    district: {
+        code: "653101",
+        name: "喀什市"
+    },
+    street: {
+        code: "65310101",
+        name: "学府街道"
+    },
+    community: {
+        code: "6531010101",
+        name: "学府社区居委会"
+    }
+}
+```
+
+### close()
+
+关闭地址选择器
+
+```javascript
+areaPicker.value?.close()
+```
+
+## 数据格式
+
+组件使用树形结构的地址数据，格式如下：
+
+```javascript
+[
+    {
+        code: '650000',           // 行政区划代码
+        name: '新疆维吾尔自治区',  // 名称
+        children: [               // 下级行政区
+            {
+                code: '653100',
+                name: '喀什地区',
+                children: [
+                    {
+                        code: '653101',
+                        name: '喀什市',
+                        children: [
+                            {
+                                code: '65310101',
+                                name: '学府街道',
+                                children: [
+                                    {
+                                        code: '6531010101',
+                                        name: '学府社区居委会'
+                                    }
+                                ]
+                            }
+                        ]
+                    }
+                ]
+            }
+        ]
+    }
+]
+```
+
+## 完整示例
+
+### 企业注册地址选择
+
+```vue
+<template>
+    <view class="form-item" @click="selectLocation">
+        <text class="label">企业注册地点</text>
+        <view class="input-content">
+            <text :class="{ placeholder: !formData.address }">
+                {{ formData.address || '请选择注册地点' }}
+            </text>
+            <uni-icons type="arrowright" size="16"></uni-icons>
+        </view>
+    </view>
+    
+    <area-cascade-picker ref="areaPicker"></area-cascade-picker>
+</template>
+
+<script setup>
+import { ref, reactive } from 'vue'
+import AreaCascadePicker from '@/components/area-cascade-picker/area-cascade-picker.vue'
+
+const areaPicker = ref(null)
+const formData = reactive({
+    address: '',
+    provinceCode: '',
+    provinceName: '',
+    cityCode: '',
+    cityName: '',
+    districtCode: '',
+    districtName: '',
+    streetCode: '',
+    streetName: '',
+    communityCode: '',
+    communityName: ''
+})
+
+const selectLocation = () => {
+    areaPicker.value?.open({
+        title: '选择企业注册地点',
+        maskClick: true,
+        success: (addressData) => {
+            // 保存完整地址
+            formData.address = addressData.address
+            
+            // 保存各级信息
+            formData.provinceCode = addressData.province?.code
+            formData.provinceName = addressData.province?.name
+            formData.cityCode = addressData.city?.code
+            formData.cityName = addressData.city?.name
+            formData.districtCode = addressData.district?.code
+            formData.districtName = addressData.district?.name
+            formData.streetCode = addressData.street?.code
+            formData.streetName = addressData.street?.name
+            formData.communityCode = addressData.community?.code
+            formData.communityName = addressData.community?.name
+            
+            console.log('已选择地址：', formData)
+        }
+    })
+}
+</script>
+```
+
+## 注意事项
+
+1. **数据来源**：当前使用本地模拟数据，生产环境建议接入后端API
+2. **数据更新**：如需接入后端API，修改 `loadAreaData` 方法即可
+3. **性能优化**：地址数据量大时，建议使用懒加载
+4. **兼容性**：支持 H5、微信小程序等多端
+
+## 接入后端API
+
+在组件的 `loadAreaData` 方法中取消注释并配置API：
+
+```javascript
+async loadAreaData() {
+    try {
+        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;
+            return;
+        }
+    } catch (error) {
+        console.error('加载地区数据失败:', error);
+    }
+    
+    // 失败时使用模拟数据
+    this.areaData = this.getMockData();
+}
+```
+
+## 更新日志
+
+### v1.0.0 (2025-10-21)
+- ✨ 初始版本
+- ✅ 实现五级联动选择功能
+- ✅ 支持省市区县街道社区选择
+- ✅ 提供完整的地址信息返回
+
--- a/components/area-cascade-picker/area-cascade-picker.vue
+++ b/components/area-cascade-picker/area-cascade-picker.vue
@@ -0,0 +1,426 @@
+<template>
+    <uni-popup
+        ref="popup"
+        type="bottom"
+        borderRadius="10px 10px 0 0"
+        background-color="#FFFFFF"
+        :mask-click="maskClick"
+    >
+        <view class="popup-content">
+            <view class="popup-header">
+                <view class="btn-cancel" @click="cancel">取消</view>
+                <view class="title">{{ title }}</view>
+                <view class="btn-confirm" @click="confirm">确认</view>
+            </view>
+            <view class="popup-list">
+                <picker-view
+                    indicator-style="height: 84rpx;"
+                    :value="selectedIndex"
+                    @change="bindChange"
+                    class="picker-view"
+                >
+                    <!-- 省 -->
+                    <picker-view-column>
+                        <view
+                            v-for="(item, index) in provinceList"
+                            :key="item.code"
+                            class="item"
+                            :class="{ 'item-active': selectedIndex[0] === index }"
+                        >
+                            <text>{{ item.name }}</text>
+                        </view>
+                    </picker-view-column>
+                    
+                    <!-- 市 -->
+                    <picker-view-column>
+                        <view
+                            v-for="(item, index) in cityList"
+                            :key="item.code"
+                            class="item"
+                            :class="{ 'item-active': selectedIndex[1] === index }"
+                        >
+                            <text>{{ item.name }}</text>
+                        </view>
+                    </picker-view-column>
+                    
+                    <!-- 区县 -->
+                    <picker-view-column>
+                        <view
+                            v-for="(item, index) in districtList"
+                            :key="item.code"
+                            class="item"
+                            :class="{ 'item-active': selectedIndex[2] === index }"
+                        >
+                            <text>{{ item.name }}</text>
+                        </view>
+                    </picker-view-column>
+                    
+                    <!-- 街道 -->
+                    <picker-view-column>
+                        <view
+                            v-for="(item, index) in streetList"
+                            :key="item.code"
+                            class="item"
+                            :class="{ 'item-active': selectedIndex[3] === index }"
+                        >
+                            <text>{{ item.name }}</text>
+                        </view>
+                    </picker-view-column>
+                    
+                    <!-- 社区/居委会 -->
+                    <picker-view-column>
+                        <view
+                            v-for="(item, index) in communityList"
+                            :key="item.code"
+                            class="item"
+                            :class="{ 'item-active': selectedIndex[4] === index }"
+                        >
+                            <text>{{ item.name }}</text>
+                        </view>
+                    </picker-view-column>
+                </picker-view>
+            </view>
+        </view>
+    </uni-popup>
+</template>
+
+<script>
+import addressJson from '@/static/json/xinjiang.json';
+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,
+        };
+    },
+    methods: {
+        async open(newConfig = {}) {
+            const {
+                title,
+                success,
+                cancel,
+                change,
+                maskClick = false,
+                defaultValue = null,
+            } = newConfig;
+            
+            this.reset();
+            if (title) this.title = title;
+            if (typeof success === 'function') this.confirmCallback = success;
+            if (typeof cancel === 'function') this.cancelCallback = cancel;
+            if (typeof change === 'function') this.changeCallback = change;
+            this.maskClick = maskClick;
+            
+            // 加载地区数据
+            await this.loadAreaData();
+            
+            // 初始化列表
+            this.initLists();
+            
+            this.$nextTick(() => {
+                this.$refs.popup.open();
+            });
+        },
+        
+        async loadAreaData() {
+            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.areaData = this.getMockData();
+            } catch (error) {
+                console.error('加载地区数据失败:', error);
+                // 如果后端API不存在，使用模拟数据
+                this.areaData = this.getMockData();
+            }
+        },
+        
+        initLists() {
+            // 初始化省列表
+            this.provinceList = this.areaData;
+            
+            if (this.provinceList.length > 0) {
+                this.selectedProvince = this.provinceList[0];
+                this.updateCityList();
+            }
+        },
+        
+        updateCityList() {
+            if (!this.selectedProvince || !this.selectedProvince.children) {
+                this.cityList = [];
+                this.districtList = [];
+                this.streetList = [];
+                this.communityList = [];
+                return;
+            }
+            
+            this.cityList = this.selectedProvince.children;
+            this.selectedIndex[1] = 0;
+            
+            if (this.cityList.length > 0) {
+                this.selectedCity = this.cityList[0];
+                this.updateDistrictList();
+            }
+        },
+        
+        updateDistrictList() {
+            if (!this.selectedCity || !this.selectedCity.children) {
+                this.districtList = [];
+                this.streetList = [];
+                this.communityList = [];
+                return;
+            }
+            
+            this.districtList = this.selectedCity.children;
+            this.selectedIndex[2] = 0;
+            
+            if (this.districtList.length > 0) {
+                this.selectedDistrict = this.districtList[0];
+                this.updateStreetList();
+            }
+        },
+        
+        updateStreetList() {
+            if (!this.selectedDistrict || !this.selectedDistrict.children) {
+                this.streetList = [];
+                this.communityList = [];
+                return;
+            }
+            
+            this.streetList = this.selectedDistrict.children;
+            this.selectedIndex[3] = 0;
+            
+            if (this.streetList.length > 0) {
+                this.selectedStreet = this.streetList[0];
+                this.updateCommunityList();
+            }
+        },
+        
+        updateCommunityList() {
+            if (!this.selectedStreet || !this.selectedStreet.children) {
+                this.communityList = [];
+                return;
+            }
+            
+            this.communityList = this.selectedStreet.children;
+            this.selectedIndex[4] = 0;
+            
+            if (this.communityList.length > 0) {
+                this.selectedCommunity = this.communityList[0];
+            }
+        },
+        
+        bindChange(e) {
+            const newIndex = e.detail.value;
+            
+            // 检查哪一列发生了变化
+            for (let i = 0; i < 5; i++) {
+                if (newIndex[i] !== this.selectedIndex[i]) {
+                    this.selectedIndex[i] = newIndex[i];
+                    
+                    // 根据变化的列更新后续列
+                    if (i === 0) {
+                        // 省变化
+                        this.selectedProvince = this.provinceList[newIndex[0]];
+                        this.updateCityList();
+                    } else if (i === 1) {
+                        // 市变化
+                        this.selectedCity = this.cityList[newIndex[1]];
+                        this.updateDistrictList();
+                    } else if (i === 2) {
+                        // 区县变化
+                        this.selectedDistrict = this.districtList[newIndex[2]];
+                        this.updateStreetList();
+                    } else if (i === 3) {
+                        // 街道变化
+                        this.selectedStreet = this.streetList[newIndex[3]];
+                        this.updateCommunityList();
+                    } else if (i === 4) {
+                        // 社区变化
+                        this.selectedCommunity = this.communityList[newIndex[4]];
+                    }
+                    
+                    break;
+                }
+            }
+            
+            if (this.changeCallback) {
+                this.changeCallback(this.getSelectedAddress());
+            }
+        },
+        
+        getSelectedAddress() {
+            const parts = [];
+            if (this.selectedProvince) parts.push(this.selectedProvince.name);
+            if (this.selectedCity) parts.push(this.selectedCity.name);
+            if (this.selectedDistrict) parts.push(this.selectedDistrict.name);
+            if (this.selectedStreet) parts.push(this.selectedStreet.name);
+            if (this.selectedCommunity) parts.push(this.selectedCommunity.name);
+            
+            return {
+                address: parts.join('/'),
+                province: this.selectedProvince,
+                city: this.selectedCity,
+                district: this.selectedDistrict,
+                street: this.selectedStreet,
+                community: this.selectedCommunity,
+            };
+        },
+        
+        close() {
+            this.$refs.popup.close();
+        },
+        
+        cancel() {
+            this.clickCallback(this.cancelCallback);
+        },
+        
+        confirm() {
+            this.clickCallback(this.confirmCallback);
+        },
+        
+        async clickCallback(callback) {
+            if (typeof callback !== 'function') {
+                this.$refs.popup.close();
+                return;
+            }
+            
+            try {
+                const result = await callback(this.getSelectedAddress());
+                if (result !== false) {
+                    this.$refs.popup.close();
+                }
+            } catch (error) {
+                console.error('callback 执行出错:', error);
+            }
+        },
+        
+        reset() {
+            this.maskClick = false;
+            this.confirmCallback = null;
+            this.cancelCallback = null;
+            this.changeCallback = null;
+            this.selectedIndex = [0, 0, 0, 0, 0];
+            this.provinceList = [];
+            this.cityList = [];
+            this.districtList = [];
+            this.streetList = [];
+            this.communityList = [];
+        },
+        
+        // 模拟数据（用于演示）
+        getMockData() {
+            return addressJson
+        }
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+.popup-content {
+    color: #000000;
+    height: 60vh;
+}
+
+.popup-list {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    align-items: center;
+    justify-content: space-evenly;
+    flex: 1;
+    overflow: hidden;
+    
+    .picker-view {
+        width: 100%;
+        height: calc(60vh - 100rpx);
+        margin-top: 20rpx;
+        
+        .uni-picker-view-mask {
+            background: rgba(0, 0, 0, 0);
+        }
+        
+        .item {
+            line-height: 84rpx;
+            height: 84rpx;
+            text-align: center;
+            font-weight: 400;
+            font-size: 28rpx;
+            color: #cccccc;
+            padding: 0 4rpx;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+        
+        .item-active {
+            color: #333333;
+            font-weight: 500;
+        }
+        
+        .uni-picker-view-indicator:after {
+            border-color: #e3e3e3;
+        }
+        
+        .uni-picker-view-indicator:before {
+            border-color: #e3e3e3;
+        }
+    }
+}
+
+.popup-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 40rpx 40rpx 10rpx 40rpx;
+    
+    .title {
+        font-weight: 500;
+        font-size: 36rpx;
+        color: #333333;
+        text-align: center;
+    }
+    
+    .btn-cancel {
+        font-weight: 400;
+        font-size: 32rpx;
+        color: #666d7f;
+        line-height: 38rpx;
+    }
+    
+    .btn-confirm {
+        font-weight: 400;
+        font-size: 32rpx;
+        color: #256bfa;
+    }
+}
+</style>
+
--- a/components/md-render/md-render.vue
+++ b/components/md-render/md-render.vue
@@ -116,6 +116,7 @@ const handleItemClick = (e) => {
 }

 /* 表格 */
+/* #ifndef MP-WEIXIN */
 table {
    // display: block; /* 让表格可滚动 */
    // width: 100%;
@@ -147,6 +148,7 @@ tr:hover {
    background-color: #f1f1f1;
    transition: 0.3s;
 }
+/* #endif */

 /* 代码块 */
 pre,
@@ -207,11 +209,13 @@ pre code:empty {
    cursor: pointer;
    border-radius: 6rpx;
 }
+/* #ifndef MP-WEIXIN */
 .copy-btn:hover {
    background: rgba(255, 255, 255, 0.2);
    color: #259939;
    text-decoration: underline;
 }
+/* #endif */

 pre.hljs {
    padding: 0 24rpx;
@@ -246,6 +250,7 @@ ol {
    text-align: right;
 }

+/* #ifndef MP-WEIXIN */
 #markdown-content ::v-deep div > pre:first-of-type {
    margin-top: 20rpx;
 }
@@ -254,6 +259,7 @@ ol {
    display: flex;
    flex-direction: column;
 }
+/* #endif */
 .markdownRich > div {
    display: flex;
    flex-direction: column;
--- a/components/renderJobs/renderJobs.vue
+++ b/components/renderJobs/renderJobs.vue
@@ -77,7 +77,7 @@ function nextDetail(job) {
        const recordData = recommedIndexDb.JobParameter(job);
        recommedIndexDb.addRecord(recordData);
    }
-    navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}`);
+    navTo(`/packageA/pages/post/post?jobId=${encodeURIComponent(job.jobId)}`);
 }
 </script>

--- a/components/renderJobs/renderJobsCheckBox.vue
+++ b/components/renderJobs/renderJobsCheckBox.vue
@@ -62,7 +62,7 @@
 </template>

 <script setup>
-import { inject, computed, toRaw, ref, defineExpose } from 'vue';
+import { inject, computed, toRaw, ref } from 'vue';
 const { insertSortData, navTo, vacanciesTo } = inject('globalFunction');
 import { useRecommedIndexedDBStore } from '@/stores/useRecommedIndexedDBStore.js';
 const recommedIndexDb = useRecommedIndexedDBStore();
@@ -103,7 +103,7 @@ function nextDetail(job) {
        const recordData = recommedIndexDb.JobParameter(job);
        recommedIndexDb.addRecord(recordData);
    }
-    navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}`);
+    navTo(`/packageA/pages/post/post?jobId=${encodeURIComponent(job.jobId)}`);
 }

 function toggleSelect(jobId) {
@@ -122,7 +122,7 @@ function handleCardClick(job, e) {
        const recordData = recommedIndexDb.JobParameter(job);
        recommedIndexDb.addRecord(recordData);
    }
-    navTo(`/packageA/pages/post/post?jobId=${btoa(job.jobId)}`);
+    navTo(`/packageA/pages/post/post?jobId=${encodeURIComponent(job.jobId)}`);
 }

 // 新增：提供选中状态和切换方法给父组件
--- a/components/selectFilter/selectFilter.vue
+++ b/components/selectFilter/selectFilter.vue
@@ -72,6 +72,16 @@ import { ref, reactive, nextTick, onBeforeMount } from 'vue';
 import useDictStore from '@/stores/useDictStore';
 const { getTransformChildren } = useDictStore();

+// 岗位类型数据
+const getJobTypeData = () => {
+    return [
+        { label: '常规岗位', value: 0, text: '常规岗位' },
+        { label: '就业见习岗位', value: 1, text: '就业见习岗位' },
+        { label: '实习实训岗位', value: 2, text: '实习实训岗位' },
+        { label: '社区实践岗位', value: 3, text: '社区实践岗位' }
+    ];
+};
+
 const area = ref(true);
 const maskClick = ref(false);
 const maskClickFn = ref(null);
@@ -164,6 +174,12 @@ function getoptions() {
    if (area.value) {
        arr.push(getTransformChildren('area', '区域'));
    }
+    // 添加岗位类型选项
+    arr.push({
+        label: '岗位类型',
+        key: 'jobType',
+        options: getJobTypeData()
+    });
    filterOptions.value = arr;
    activeTab.value = 'education';
 }
@@ -185,13 +201,7 @@ defineExpose({

 <style lang="scss" scoped>
 .popup-fix {
-    position: fixed !important;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    top: 0;
-    height: 100vh;
-    z-index: 9999;
+    z-index: 9999 !important;
 }
 .popup-content {
    color: #000000;
--- a/components/selectJobs/selectJobs.vue
+++ b/components/selectJobs/selectJobs.vue
@@ -32,7 +32,7 @@
 </template>

 <script setup>
-import { ref, reactive, computed, inject, nextTick, defineExpose, onMounted } from 'vue';
+import { ref, reactive, computed, inject, nextTick, onMounted } from 'vue';
 const { $api, navTo, setCheckedNodes, cloneDeep } = inject('globalFunction');
 import useUserStore from '@/stores/useUserStore';
 import { storeToRefs } from 'pinia';
--- a/components/tabbar/midell-box.vue
+++ b/components/tabbar/midell-box.vue
@@ -19,8 +19,11 @@
 </template>

 <script setup>
-import { ref, defineProps, onMounted, computed } from 'vue';
+import { ref, onMounted, computed } from 'vue';
 import { useReadMsg } from '@/stores/useReadMsg';
+import { storeToRefs } from 'pinia';
+import useUserStore from '@/stores/useUserStore';
+
 const props = defineProps({
    currentpage: {
        type: Number,
@@ -28,65 +31,109 @@ const props = defineProps({
        default: 0,
    },
 });
+
 const readMsg = useReadMsg();
+const { userInfo } = storeToRefs(useUserStore());
 const currentItem = ref(0);
-const tabbarList = computed(() => [
-    {
-        id: 0,
-        text: '首页',
-        path: '/pages/index/index',
-        iconPath: '../../static/tabbar/calendar.png',
-        selectedIconPath: '../../static/tabbar/calendared.png',
-        centerItem: false,
-        badge: readMsg.badges[0].count,
-    },
-    {
-        id: 1,
-        text: '招聘会',
-        path: '/pages/careerfair/careerfair',
-        iconPath: '../../static/tabbar/post.png',
-        selectedIconPath: '../../static/tabbar/posted.png',
-        centerItem: false,
-        badge: readMsg.badges[1].count,
-    },
-    {
-        id: 2,
-        text: '',
-        path: '/pages/chat/chat',
-        iconPath: '../../static/tabbar/logo3.png',
-        selectedIconPath: '../../static/tabbar/logo3.png',
-        centerItem: true,
-        badge: readMsg.badges[2].count,
-    },
-    {
-        id: 3,
-        text: '消息',
-        path: '/pages/msglog/msglog',
-        iconPath: '../../static/tabbar/chat4.png',
-        selectedIconPath: '../../static/tabbar/chat4ed.png',
-        centerItem: false,
-        badge: readMsg.badges[3].count,
-    },
-    {
-        id: 4,
-        text: '我的',
-        path: '/pages/mine/mine',
-        iconPath: '../../static/tabbar/mine.png',
-        selectedIconPath: '../../static/tabbar/mined.png',
-        centerItem: false,
-        badge: readMsg.badges[4].count,
-    },
-]);
+
+// 根据用户类型生成不同的导航栏配置
+const tabbarList = computed(() => {
+    const baseItems = [
+        {
+            id: 0,
+            text: '首页',
+            path: '/pages/index/index',
+            iconPath: '../../static/tabbar/calendar.png',
+            selectedIconPath: '../../static/tabbar/calendared.png',
+            centerItem: false,
+            badge: readMsg.badges[0].count,
+        },
+        {
+            id: 2,
+            text: '',
+            path: '/pages/chat/chat',
+            iconPath: '../../static/tabbar/logo3.png',
+            selectedIconPath: '../../static/tabbar/logo3.png',
+            centerItem: true,
+            badge: readMsg.badges[2].count,
+        },
+        {
+            id: 3,
+            text: '消息',
+            path: '/pages/msglog/msglog',
+            iconPath: '../../static/tabbar/chat4.png',
+            selectedIconPath: '../../static/tabbar/chat4ed.png',
+            centerItem: false,
+            badge: readMsg.badges[3].count,
+        },
+        {
+            id: 4,
+            text: '我的',
+            path: '/pages/mine/mine',
+            iconPath: '../../static/tabbar/mine.png',
+            selectedIconPath: '../../static/tabbar/mined.png',
+            centerItem: false,
+            badge: readMsg.badges[4].count,
+        },
+    ];
+
+    // 根据用户类型添加不同的导航项
+    const userType = userInfo.value?.userType || 0;
+    
+    if (userType === 0) {
+        // 企业用户：显示发布岗位，隐藏招聘会
+        baseItems.splice(1, 0, {
+            id: 1,
+            text: '发布岗位',
+            path: '/pages/job/publishJob',
+            iconPath: '../../static/tabbar/publish-job.svg',
+            selectedIconPath: '../../static/tabbar/publish-job-selected.svg',
+            centerItem: false,
+            badge: 0,
+        });
+    } else {
+        // 普通用户、网格员、政府人员：显示招聘会
+        baseItems.splice(1, 0, {
+            id: 1,
+            text: '招聘会',
+            path: '/pages/careerfair/careerfair',
+            iconPath: '../../static/tabbar/post.png',
+            selectedIconPath: '../../static/tabbar/posted.png',
+            centerItem: false,
+            badge: readMsg.badges[1].count,
+        });
+    }
+
+    return baseItems;
+});

 onMounted(() => {
-    uni.hideTabBar();
+    // 自定义TabBar不需要调用hideTabBar，因为已经在pages.json中设置了custom: true
+    // uni.hideTabBar(); // 移除这行，避免在自定义TabBar模式下调用
    currentItem.value = props.currentpage;
 });

 const changeItem = (item) => {
-    uni.switchTab({
-        url: item.path,
-    });
+    // 判断是否为 tabBar 页面
+    const tabBarPages = [
+        '/pages/index/index',
+        '/pages/careerfair/careerfair', 
+        '/pages/chat/chat',
+        '/pages/msglog/msglog',
+        '/pages/mine/mine'
+    ];
+    
+    if (tabBarPages.includes(item.path)) {
+        // tabBar 页面使用 switchTab
+        uni.switchTab({
+            url: item.path,
+        });
+    } else {
+        // 非 tabBar 页面使用 navigateTo
+        uni.navigateTo({
+            url: item.path,
+        });
+    }
 };
 </script>

--- a/components/wxAuthLogin/WxAuthLogin.vue
+++ b/components/wxAuthLogin/WxAuthLogin.vue
@@ -0,0 +1,525 @@
+<template>
+    <uni-popup ref="popup" type="center" :mask-click="false">
+        <view class="auth-modal">
+            <view class="modal-content">
+                <!-- 关闭按钮 -->
+                <view class="close-btn" @click="close">
+                    <uni-icons type="closeempty" size="24" color="#999"></uni-icons>
+                </view>
+                
+                <!-- Logo和标题 -->
+                <view class="auth-header">
+                    <image class="auth-logo" src="@/static/logo.png" mode="aspectFit"></image>
+                    <view class="auth-title">欢迎使用就业服务</view>
+                    <view class="auth-subtitle">需要您授权手机号登录</view>
+                </view>
+                
+                <!-- 角色选择 -->
+                <view class="role-select">
+                    <view class="role-title">请选择您的角色</view>
+                    <view class="role-options">
+                        <view 
+                            class="role-item" 
+                            :class="{ active: userType === 1 }"
+                            @click="selectRole(1)"
+                        >
+                            <view class="role-icon">
+                                <uni-icons type="person" size="32" :color="userType === 1 ? '#256BFA' : '#999'"></uni-icons>
+                            </view>
+                            <view class="role-text">我是求职者</view>
+                        </view>
+                        <view 
+                            class="role-item" 
+                            :class="{ active: userType === 0 }"
+                            @click="selectRole(0)"
+                        >
+                            <view class="role-icon">
+                                <uni-icons type="shop" size="32" :color="userType === 0 ? '#256BFA' : '#999'"></uni-icons>
+                            </view>
+                            <view class="role-text">我是招聘者</view>
+                        </view>
+                    </view>
+                </view>
+                
+                <!-- 授权说明 -->
+                <view class="auth-tips">
+                    <view class="tip-item">
+                        <uni-icons type="checkmarkempty" size="16" color="#256BFA"></uni-icons>
+                        <text>保护您的个人信息安全</text>
+                    </view>
+                    <view class="tip-item">
+                        <uni-icons type="checkmarkempty" size="16" color="#256BFA"></uni-icons>
+                        <text>为您推荐更合适的岗位</text>
+                    </view>
+                    <view class="tip-item">
+                        <uni-icons type="checkmarkempty" size="16" color="#256BFA"></uni-icons>
+                        <text>享受完整的就业服务</text>
+                    </view>
+                </view>
+                
+                <!-- 授权按钮 -->
+                <view class="auth-actions">
+                    <!-- 微信小程序使用 open-type="getPhoneNumber" -->
+                    <!-- #ifdef MP-WEIXIN -->
+                    <button 
+                        class="auth-btn primary" 
+                        open-type="getPhoneNumber" 
+                        @getphonenumber="getPhoneNumber"
+                    >
+                        <uni-icons type="phone" size="20" color="#FFFFFF"></uni-icons>
+                        <text>微信授权登录</text>
+                    </button>
+                    <!-- #endif -->
+                    
+                    <!-- H5和App使用普通按钮 -->
+                    <!-- #ifndef MP-WEIXIN -->
+                    <button class="auth-btn primary" @click="wxLogin">
+                        <uni-icons type="phone" size="20" color="#FFFFFF"></uni-icons>
+                        <text>微信授权登录</text>
+                    </button>
+                    <!-- #endif -->
+                    
+                    <!-- 测试登录按钮（仅开发环境） -->
+                    <!-- #ifdef APP-PLUS || H5 -->
+                    <button class="auth-btn secondary" @click="testLogin">
+                        <text>测试账号登录</text>
+                    </button>
+                    <!-- #endif -->
+                </view>
+                
+                <!-- 用户协议 -->
+                <view class="auth-agreement">
+                    <text>登录即表示同意</text>
+                    <text class="link" @click="openAgreement('user')">《用户协议》</text>
+                    <text>和</text>
+                    <text class="link" @click="openAgreement('privacy')">《隐私政策》</text>
+                </view>
+            </view>
+        </view>
+    </uni-popup>
+</template>
+
+<script setup>
+import { ref, inject } from 'vue';
+import useUserStore from '@/stores/useUserStore';
+
+const { $api } = inject('globalFunction');
+const { loginSetToken } = useUserStore();
+
+const popup = ref(null);
+const userType = ref(null); // 用户角色：1-求职者，0-企业
+const emit = defineEmits(['success', 'cancel']);
+
+// 打开弹窗
+const open = () => {
+    popup.value?.open();
+    userType.value = null; // 重置角色选择
+};
+
+// 关闭弹窗
+const close = () => {
+    popup.value?.close();
+    emit('cancel');
+};
+
+// 选择角色
+const selectRole = (type) => {
+    userType.value = type;
+};
+
+// 验证角色是否已选择
+const validateRole = () => {
+    if (userType.value === null) {
+        $api.msg('请先选择您的角色');
+        return false;
+    }
+    return true;
+};
+
+const getPhoneNumber = (e) => {
+    console.log('获取手机号：', e);
+    
+    // 验证角色是否已选择
+    if (!validateRole()) {
+        return;
+    }
+    
+    if (e.detail.errMsg === 'getPhoneNumber:ok') {
+        uni.login({
+			provider: 'weixin',
+			success: (loginRes) => {
+				console.log('微信登录code获取成功：', loginRes.code);
+				const { encryptedData, iv } = e.detail;
+				const code = loginRes.code; // 使用wx.login返回的code
+				
+				// 调用后端接口进行登录
+				uni.showLoading({ title: '登录中...' });
+				
+				$api.createRequest('/app/appLogin', {
+					code,
+					encryptedData,
+					iv,
+					userType: userType.value
+				}, 'post').then((resData) => {
+					uni.hideLoading();
+					
+					if (resData.token) {
+						// 登录成功，存储token
+						loginSetToken(resData.token).then((resume) => {
+							$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'
+									});
+								}
+							}
+						}).catch(() => {
+							$api.msg('获取用户信息失败');
+						});
+					} else {
+						$api.msg('登录失败，请重试');
+					}
+				}).catch((err) => {
+					uni.hideLoading();
+					$api.msg(err.msg || '登录失败，请重试');
+				});
+			},
+			fail: (err) => {
+				console.error('获取微信登录code失败：', err);
+				$api.msg('获取登录信息失败，请重试');
+			}
+		});
+    } else if (e.detail.errMsg === 'getPhoneNumber:fail user deny') {
+        $api.msg('您取消了授权');
+    } else {
+        $api.msg('获取手机号失败');
+    }
+};
+
+// H5/App 微信登录
+const wxLogin = () => {
+    // 验证角色是否已选择
+    if (!validateRole()) {
+        return;
+    }
+    
+    // #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) => {
+                        $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('微信登录失败');
+        }
+    });
+    // #endif
+    
+    // #ifdef APP-PLUS
+    // App微信登录逻辑
+    uni.getProvider({
+        service: 'oauth',
+        success: (res) => {
+            if (~res.provider.indexOf('weixin')) {
+                uni.login({
+                    provider: 'weixin',
+                    success: (loginRes) => {
+                        console.log('微信登录成功：', loginRes);
+                        
+                        // 调用后端接口进行登录
+                        $api.createRequest('/app/appLogin', {
+                            code: loginRes.code,
+                            userType: userType.value
+                        }, 'post').then((resData) => {
+                            if (resData.token) {
+                                loginSetToken(resData.token).then((resume) => {
+                                    $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'
+                                            });
+                                        }
+                                    }
+                                });
+                            }
+                        });
+                    },
+                    fail: (err) => {
+                        console.error('微信登录失败：', err);
+                        $api.msg('微信登录失败');
+                    }
+                });
+            }
+        }
+    });
+    // #endif
+};
+
+// 测试账号登录（仅开发环境）
+const testLogin = () => {
+    uni.showLoading({ title: '登录中...' });
+    
+    const params = {
+        username: 'test',
+        password: 'test',
+    };
+    
+    $api.createRequest('/app/login', params, 'post').then((resData) => {
+        uni.hideLoading();
+        
+        loginSetToken(resData.token).then((resume) => {
+            $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'
+                    });
+                }
+            }
+        }).catch(() => {
+            $api.msg('获取用户信息失败');
+        });
+    }).catch((err) => {
+        uni.hideLoading();
+        $api.msg(err.msg || '登录失败');
+    });
+};
+
+// 打开用户协议
+const openAgreement = (type) => {
+    const urls = {
+        user: '/pages/agreement/user',
+        privacy: '/pages/agreement/privacy'
+    };
+    
+    if (urls[type]) {
+        uni.navigateTo({
+            url: urls[type]
+        });
+    }
+};
+
+// 暴露方法供父组件调用
+defineExpose({
+    open,
+    close
+});
+</script>
+
+<style lang="stylus" scoped>
+.auth-modal
+    width: 620rpx
+    background: #FFFFFF
+    border-radius: 24rpx
+    overflow: hidden
+    
+    .modal-content
+        padding: 60rpx 40rpx 40rpx
+        position: relative
+        
+        .close-btn
+            position: absolute
+            right: 20rpx
+            top: 20rpx
+            width: 60rpx
+            height: 60rpx
+            display: flex
+            align-items: center
+            justify-content: center
+            z-index: 10
+        
+        .auth-header
+            text-align: center
+            margin-bottom: 40rpx
+            
+            .auth-logo
+                width: 120rpx
+                height: 120rpx
+                margin: 0 auto 24rpx
+            
+            .auth-title
+                font-size: 36rpx
+                font-weight: 600
+                color: #333333
+                margin-bottom: 12rpx
+            
+            .auth-subtitle
+                font-size: 28rpx
+                color: #666666
+        
+        .role-select
+            margin-bottom: 32rpx
+            
+            .role-title
+                font-size: 28rpx
+                font-weight: 500
+                color: #333333
+                margin-bottom: 20rpx
+                text-align: center
+            
+            .role-options
+                display: flex
+                justify-content: space-between
+                gap: 20rpx
+                
+                .role-item
+                    flex: 1
+                    background: #F7F8FA
+                    border: 2rpx solid #E5E5E5
+                    border-radius: 16rpx
+                    padding: 32rpx 20rpx
+                    display: flex
+                    flex-direction: column
+                    align-items: center
+                    position: relative
+                    transition: all 0.3s ease
+                    cursor: pointer
+                    
+                    &.active
+                        background: #F0F5FF
+                        border-color: #256BFA
+                        box-shadow: 0 4rpx 12rpx rgba(37, 107, 250, 0.15)
+                    
+                    .role-icon
+                        margin-bottom: 16rpx
+                    
+                    .role-text
+                        font-size: 28rpx
+                        color: #333333
+                        font-weight: 500
+        
+        .auth-tips
+            background: #F7F8FA
+            border-radius: 16rpx
+            padding: 24rpx
+            margin-bottom: 40rpx
+            
+            .tip-item
+                display: flex
+                align-items: center
+                margin-bottom: 16rpx
+                font-size: 26rpx
+                color: #666666
+                
+                &:last-child
+                    margin-bottom: 0
+                
+                text
+                    margin-left: 12rpx
+        
+        .auth-actions
+            margin-bottom: 32rpx
+            
+            .auth-btn
+                width: 100%
+                height: 88rpx
+                border-radius: 44rpx
+                display: flex
+                align-items: center
+                justify-content: center
+                font-size: 32rpx
+                font-weight: 500
+                border: none
+                margin-bottom: 20rpx
+                
+                &:last-child
+                    margin-bottom: 0
+                
+                &.primary
+                    background: linear-gradient(135deg, #256BFA 0%, #1E5BFF 100%)
+                    color: #FFFFFF
+                    box-shadow: 0 8rpx 20rpx rgba(37, 107, 250, 0.3)
+                
+                &.secondary
+                    background: #F7F8FA
+                    color: #666666
+                
+                text
+                    margin-left: 12rpx
+        
+        .auth-agreement
+            text-align: center
+            font-size: 24rpx
+            color: #999999
+            line-height: 1.6
+            
+            .link
+                color: #256BFA
+                text-decoration: underline
+
+// 按钮重置样式
+button::after
+    border: none
+</style>
+