diff --git a/components/v-tabs/v-tabs.vue b/components/v-tabs/v-tabs.vue
index 09ba118..e6a52ee 100644
--- a/components/v-tabs/v-tabs.vue
+++ b/components/v-tabs/v-tabs.vue
@@ -1,35 +1,41 @@
 <template>
-  <view class="v-tabs" :style="{ height: height }">
-    <scroll-view class="scroll-view" :show-scrollbar="false" scroll-x scroll-with-animation :scroll-left="scrollLeft" style="width: auto; height: 100%; overflow: hidden;">
-      <view class="v-tabs__inner">
-        <view
-          class="v-tabs__item"
-          :style="{
-            color: activeTab == i ? activeColor : color,
-            fontSize: activeTab == i ? activeFontSize : fontSize,
-            backgroundColor: activeTab == i ? backgroundColor : '',
-            borderRadius,
-            padding,
-			
-          }"
-          :data-index="i"
-          :class="{ active: activeTab == i }"
-          @tap="handleTapItem"
-          v-for="(v, i) in tabs"
-          :key="i"
+    <view class="v-tabs" :style="{ height: height }">
+        <scroll-view
+            class="scroll-view"
+            :show-scrollbar="false"
+            scroll-x
+            scroll-with-animation
+            :scroll-left="scrollLeft"
+            style="width: auto; height: 100%; overflow: hidden"
         >
-           <view class="">
-           	{{ v }} 
-           </view> 
-		  <view class="bottomborder"></view>
-        </view>
-      </view>
-    <!--  <view
+            <view class="v-tabs__inner">
+                <view
+                    class="v-tabs__item"
+                    :style="{
+                        color: activeTab == i ? activeColor : color,
+                        fontSize: activeTab == i ? activeFontSize : fontSize,
+                        backgroundColor: activeTab == i ? backgroundColor : '',
+                        borderRadius,
+                        padding,
+                    }"
+                    :data-index="i"
+                    :class="{ active: activeTab == i }"
+                    @tap="handleTapItem"
+                    v-for="(v, i) in tabs"
+                    :key="i"
+                >
+                    <view class="">
+                        {{ v }}
+                    </view>
+                    <view class="bottomborder"></view>
+                </view>
+            </view>
+            <!--  <view
         class="v-tabs__line"
         :style="{ width: `${lineWidth}px`, height: `${lineHeight}`, backgroundColor: lineColor, transform: `translateX(${lineLeft}px)`, top: `calc(${height} - ${lineHeight})` }"
       ></view> -->
-    </scroll-view>
-  </view>
+        </scroll-view>
+    </view>
 </template>
 
 <script>
@@ -52,190 +58,190 @@
  * @event {Function(activeTab)} change 改变标签触发
  */
 export default {
-  name: 'VTabs',
-  props: {
-    value: {
-      type: [String, Number],
-      default: 0
+    name: 'VTabs',
+    props: {
+        value: {
+            type: [String, Number],
+            default: 0,
+        },
+        height: {
+            type: String,
+            default: '45px',
+        },
+        tabs: {
+            type: Array,
+            default() {
+                return [];
+            },
+        },
+        backgroundColor: {
+            type: String,
+            default: 'transparent',
+        },
+        borderRadius: {
+            type: String,
+            default: '5px',
+        },
+        color: {
+            type: String,
+            default: '#333333',
+        },
+        activeColor: {
+            type: String,
+            default: '#007AFF',
+        },
+        fontSize: {
+            type: String,
+            default: '14px',
+        },
+        activeFontSize: {
+            type: String,
+            default: '14px',
+        },
+        padding: {
+            type: String,
+            default: '10rpx 20rpx',
+        },
+        lineScale: {
+            type: Number,
+            default: 0.6,
+        },
+        lineHeight: {
+            type: String,
+            default: '3px',
+        },
+        lineColor: {
+            type: String,
+            default: '#007AFF',
+        },
     },
-    height: {
-      type: String,
-      default: '45px'
+    data() {
+        return {
+            scrollLeft: 0,
+            activeTab: 0,
+            width: 0,
+            lineLeft: 0,
+            lineWidth: 0,
+        };
     },
-    tabs: {
-      type: Array,
-      default() {
-        return []
-      }
+    watch: {
+        activeTab(newVal) {
+            this.$emit('input', newVal * 1);
+        },
+        value(newVal) {
+            this.activeTab = newVal;
+            this.getTabsWidth(0);
+        },
     },
-    backgroundColor: {
-      type: String,
-      default: 'transparent'
-    },
-    borderRadius: {
-      type: String,
-      default: '5px'
-    },
-    color: {
-      type: String,
-      default: '#333333'
-    },
-    activeColor: {
-      type: String,
-      default: '#007AFF'
-    },
-    fontSize: {
-      type: String,
-      default: '14px'
-    },
-    activeFontSize: {
-      type: String,
-      default: '14px'
-    },
-    padding: {
-      type: String,
-      default: '10rpx 20rpx'
-    },
-    lineScale: {
-      type: Number,
-      default: 0.6
-    },
-    lineHeight: {
-      type: String,
-      default: '3px'
-    },
-    lineColor: {
-      type: String,
-      default: '#007AFF'
-    }
-  },
-  data() {
-    return {
-      scrollLeft: 0,
-      activeTab: 0,
-      width: 0,
-      lineLeft: 0,
-      lineWidth: 0
-    }
-  },
-  watch: {
-    activeTab(newVal) {
-      this.$emit('input', newVal * 1)
-    },
-    value(newVal) {
-      this.activeTab = newVal
-      this.getTabsWidth(0)
-    }
-  },
-  methods: {
-    handleTapItem(e) {
-      const index = e.currentTarget.dataset.index
-      if (this.activeTab != index) {
-        this.activeTab = index
-        this.getTabsWidth(e.currentTarget.offsetLeft)
-        this.$emit('change', this.activeTab)
-      }
-    },
-    getTabsWidth(offsetLeft) {
-      const query = uni.createSelectorQuery().in(this)
-      query
-        .select('.v-tabs')
-        .boundingClientRect(data => {
-          this.width = data.width
-        })
-        .exec()
-      setTimeout(() => {
-        let i = 0
-        let width = 0
-        query
-          .selectAll('.v-tabs__item')
-          .boundingClientRect(data => {
-            width = data.reduce((total, currentValue, currentIndex, arr) => {
-              if (currentIndex < this.activeTab) {
-                total = total + currentValue.width
-              }
-              return total
-            }, 0)
-            const padding = this.padding.split(' ')[0]
-            const res = /(\d+)(upx|rpx|px)/.exec(padding)
-            if (res && (res[2] == 'upx' || res[2] == 'rpx')) {
-              width += uni.upx2px(res[1]) * 2 * this.activeTab
-            } else {
-              width += res[1] * this.activeTab
+    methods: {
+        handleTapItem(e) {
+            const index = e.currentTarget.dataset.index;
+            if (this.activeTab != index) {
+                this.activeTab = index;
+                this.getTabsWidth(e.currentTarget.offsetLeft);
+                this.$emit('change', this.activeTab);
             }
-          })
-          .exec()
-        query
-          .select('.v-tabs__item.active')
-          .boundingClientRect(data => {
-            const ol = offsetLeft ? offsetLeft : width
-            if (data.width) {
-              this.lineLeft = ol + (data.width * (1 - this.lineScale)) / 2
-              this.lineWidth = data.width * this.lineScale
-              this.scrollLeft = ol - (this.width - data.width) / 2
-            }
-          })
-          .exec()
-      }, 10)
-    }
-  },
-  mounted() {
-    this.activeTab = this.value
-    this.getTabsWidth(0)
-  }
-}
+        },
+        getTabsWidth(offsetLeft) {
+            const query = uni.createSelectorQuery().in(this);
+            query
+                .select('.v-tabs')
+                .boundingClientRect((data) => {
+                    this.width = data.width;
+                })
+                .exec();
+            setTimeout(() => {
+                let i = 0;
+                let width = 0;
+                query
+                    .selectAll('.v-tabs__item')
+                    .boundingClientRect((data) => {
+                        width = data.reduce((total, currentValue, currentIndex, arr) => {
+                            if (currentIndex < this.activeTab) {
+                                total = total + currentValue.width;
+                            }
+                            return total;
+                        }, 0);
+                        const padding = this.padding.split(' ')[0];
+                        const res = /(\d+)(upx|rpx|px)/.exec(padding);
+                        if (res && (res[2] == 'upx' || res[2] == 'rpx')) {
+                            width += uni.upx2px(res[1]) * 2 * this.activeTab;
+                        } else {
+                            width += res[1] * this.activeTab;
+                        }
+                    })
+                    .exec();
+                query
+                    .select('.v-tabs__item.active')
+                    .boundingClientRect((data) => {
+                        const ol = offsetLeft ? offsetLeft : width;
+                        if (data.width) {
+                            this.lineLeft = ol + (data.width * (1 - this.lineScale)) / 2;
+                            this.lineWidth = data.width * this.lineScale;
+                            this.scrollLeft = ol - (this.width - data.width) / 2;
+                        }
+                    })
+                    .exec();
+            }, 10);
+        },
+    },
+    mounted() {
+        this.activeTab = this.value;
+        this.getTabsWidth(0);
+    },
+};
 </script>
 
 <style lang="scss" scoped>
 .v-tabs {
-  position: relative;
-  width: 100%;
-  white-space: nowrap;
-  overflow: hidden;
-border-bottom: 1rpx solid #dddddd;
-  .v-tabs__inner {
     position: relative;
-    display: flex;
-    align-items: center;
-    height: 100%;
-	justify-content: center;
-	background-color: #fefefe;
-	// border-bottom: 1rpx solid #dddddd;
-	border-bottom: 0;
-  }
-  
-  .active{
-	  border-radius: 0 !important;
-	  .bottomborder{
-		width: 42rpx;
-		height: 6rpx;
-		margin: 0 auto;
-		background-color: #1B66FF;
-		border-radius: 20rpx;
-		overflow: hidden;
-		display: block !important;
-		margin-top: 10rpx;
-	  }
-  }
-  .v-tabs__item {
-    // display: inline-flex;
-    margin-right: 20upx;
-    transition: all 0.3s ease;
-	
-    &:last-child {
-      margin-right: 0;
+    width: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    border-bottom: 1rpx solid #dddddd;
+    .v-tabs__inner {
+        position: relative;
+        display: flex;
+        align-items: center;
+        height: 100%;
+        justify-content: center;
+        background-color: #fefefe;
+        // border-bottom: 1rpx solid #dddddd;
+        border-bottom: 0;
     }
-  }
 
-  .v-tabs__line {
-    position: absolute;
-    z-index: 99;
-    transition: all 0.3s linear;
-    border-radius: 4upx;
-  }
+    .active {
+        border-radius: 0 !important;
+        .bottomborder {
+            width: 42rpx;
+            height: 6rpx;
+            margin: 0 auto;
+            background-color: #1b66ff;
+            border-radius: 20rpx;
+            overflow: hidden;
+            display: block !important;
+            margin-top: 10rpx;
+        }
+    }
+    .v-tabs__item {
+        // display: inline-flex;
+        margin-right: 20upx;
+        transition: all 0.3s ease;
+
+        &:last-child {
+            margin-right: 0;
+        }
+    }
+
+    .v-tabs__line {
+        position: absolute;
+        z-index: 99;
+        transition: all 0.3s linear;
+        border-radius: 4upx;
+    }
 }
 
-/deep/ ::-webkit-scrollbar {
-  display: none;
+::v-deep ::-webkit-scrollbar {
+    display: none;
 }
 </style>
diff --git a/manifest.json b/manifest.json
index 625034a..ee32dc2 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,82 +1,82 @@
-{
-    "name" : "招聘",
-    "appid" : "__UNI__120CBFC",
-    "description" : "",
-    "versionName" : "1.0.0",
-    "versionCode" : "100",
-    "transformPx" : false,
-    "sassImplementationName" : "node-sass",
-    "app-plus" : {
-        "usingComponents" : true,
-        "compilerVersion" : 3,
-        /* 5+App特有相关 */
-        "modules" : {},
-        /* 模块配置 */
-        "distribute" : {
-            /* 应用发布信息 */
-            "android" : {
-                /* android打包配置 */
-                "permissions" : [
-                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
-                    "<uses-permission android:name=\"android.permission.READ_CONTACTS\"/>",
-                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
-                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
-                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
-                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
-                    "<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>",
-                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
-                    "<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>",
-                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
-                    "<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>",
-                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
-                    "<uses-permission android:name=\"android.permission.CALL_PHONE\"/>",
-                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
-                    "<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>",
-                    "<uses-feature android:name=\"android.hardware.camera\"/>",
-                    "<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>",
-                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
-                ]
-            },
-            "ios" : {},
-            /* ios打包配置 */
-            "sdkConfigs" : {}
-        }
-    },
-    /* SDK配置 */
-    "quickapp" : {},
-    /* 快应用特有相关 */
-    "mp-weixin" : {
-        /* 小程序特有相关 */
-        "appid" : "wx77580889aaf15eb4",
-        "setting" : {
-            "urlCheck" : false,
-            "minified" : true,
-            "es6" : true
-        },
-        "usingComponents" : true,
-        "permission" : {
-            "scope.userLocation" : {
-                "desc" : "获取您的位置，以便给您推荐合适工作信息"
-            }
-        }
-    },
-    "h5" : {
-        "sdkConfigs" : {
-            "maps" : {}
-        },
-        "template" : "index.html",
-        "router" : {
-            "base" : "./",
-            "mode" : "hash"
-        },
-        "optimization" : {
-            "treeShaking" : {
-                "enable" : true
-            }
-        }
-    }
-}
+{
+    "name": "招聘",
+    "appid": "__UNI__BFB9B45",
+    "description": "",
+    "versionName": "1.0.0",
+    "versionCode": "100",
+    "transformPx": false,
+    "sassImplementationName": "node-sass",
+    "app-plus": {
+        "usingComponents": true,
+        "compilerVersion": 3,
+        /* 5+App特有相关 */
+        "modules": {},
+        /* 模块配置 */
+        "distribute": {
+            /* 应用发布信息 */
+            "android": {
+                /* android打包配置 */
+                "permissions": [
+                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_CONTACTS\"/>",
+                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
+                    "<uses-permission android:name=\"android.permission.WRITE_CONTACTS\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
+                    "<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>",
+                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
+                    "<uses-permission android:name=\"android.permission.MODIFY_AUDIO_SETTINGS\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
+                    "<uses-permission android:name=\"android.permission.CALL_PHONE\"/>",
+                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_COARSE_LOCATION\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_FINE_LOCATION\"/>",
+                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
+                ]
+            },
+            "ios": {},
+            /* ios打包配置 */
+            "sdkConfigs": {}
+        }
+    },
+    /* SDK配置 */
+    "quickapp": {},
+    /* 快应用特有相关 */
+    "mp-weixin": {
+        /* 小程序特有相关 */
+        "appid": "wx77580889aaf15eb4",
+        "setting": {
+            "urlCheck": false,
+            "minified": true,
+            "es6": true
+        },
+        "usingComponents": true,
+        "permission": {
+            "scope.userLocation": {
+                "desc": "获取您的位置，以便给您推荐合适工作信息"
+            }
+        }
+    },
+    "h5": {
+        "sdkConfigs": {
+            "maps": {}
+        },
+        "template": "index.html",
+        "router": {
+            "base": "./",
+            "mode": "hash"
+        },
+        "optimization": {
+            "treeShaking": {
+                "enable": true
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/pages/project/map.vue b/pages/project/map.vue
index 1a90f85..f4c3524 100644
--- a/pages/project/map.vue
+++ b/pages/project/map.vue
@@ -1,390 +1,386 @@
-<template>
-    <view class="app_container">
-        <view class="app-top">
-            <view class="top-search">
-                <view class="top-input">
-                    <input class="put" type="text" placeholder-class="put-pla" v-model="searchValue"
-                        placeholder="搜索附近岗位或任务">
-                    <button class="input-btn" @tap="search">搜索</button>
-                </view>
-            </view>
-        </view>
-        <view class="view-map">
-            <super-map ref="uMap" style="width: 100%;height: 100%;" :latitude="latitude" :longitude="longitude"
-                :zoom="14" :min-zoom="10" :max-zoom="20" @markertap="clickmark" @regionchange="show = false"
-                :MapUrl="$config.supperMap" :flag-tip="false"></super-map>
-            <!-- <view id="map" ></view> -->
-            <!-- <map style="width: 100%;height: 100%;" scale="16" :latitude="latitude" :longitude="longitude"
-                :markers="covers" @markertap="clickmark" @regionchange="show = false"></map> -->
-            <view class="position-bottom" v-if="show">
-                <view class="uni-margin-wrap">
-                    <swiper class="swiper" circular :interval="2000" :duration="500">
-                        <swiper-item class="wiperItem">
-                            <view class="swiper-item uni-bg-red">
-                                <view class="item-content">
-                                    <view class="content-title"> {{productInfo.missionTitle}} </view>
-                                    <view class="color_999999 fs_12 mar_top5">
-                                        <uni-icons type="location" color="#999999" size="12"></uni-icons>
-                                        {{ productInfo.cityId }} ｜ {{productInfo.address}} ｜ 距离：{{distance}}
-                                    </view>
-                                    <view class="color_999999 fs_12 mar_top5">
-                                        <uni-icons type="map-pin-ellipse" color="#999999" size="12"></uni-icons>
-                                        招聘时间: {{productInfo.stime}}-{{productInfo.etime}}
-                                    </view>
-                                    <view class="color_999999 fs_12 mar_top5">
-                                        <uni-icons type="map-pin-ellipse" color="#999999" size="12"></uni-icons>
-                                        {{productInfo.experienceDesc}} | {{education[productInfo.education]}}
-                                    </view>
-                                    <button class="btns" hover-class="active" @tap="openMap">
-                                        <image class="btn-img" src="../../static/img/direction2.png" />查看详情
-                                    </button>
-                                </view>
-                            </view>
-                        </swiper-item>
-                    </swiper>
-                </view>
-            </view>
-        </view>
-    </view>
-</template>
-
-<script>
-    import {
-        addZeroPrefix,
-        getDistanceFromLatLonInKm
-    } from '@/untils/tools.js'
-    import testData from '@/common/textdata.js';
-    import {
-        geQueryJobsByNearby
-    } from '@/api/map.js'
-    let taskpoint = require('../../static/img/taskpoint.png');
-    let gwpoint = require('../../static/img/gwpoint.png');
-    let mypoint = require('../../static/img/mypoint.png');
-    export default {
-        data() {
-            return {
-                education: testData.education,
-                show: false,
-                ID: 1,
-                searchValue: '',
-                latitude: 31.133980,
-                longitude: 104.404419,
-                covers: [],
-                rateValue: 2,
-                productInfo: {},
-            };
-        },
-        computed: {
-            distance() {
-                const {
-                    lon,
-                    lat
-                } = this.productInfo
-                if (lon) {
-                    const {
-                        m,
-                        km
-                    } = getDistanceFromLatLonInKm(lat, lon, this.latitude, this.longitude)
-                    return m > 1000 ? `${km.toFixed(2)}km` : `${m.toFixed(2)}m`
-                }
-                return '无'
-            }
-        },
-        mounted() {
-            const _this = this
-            console.log(this.$store.state.user.userLocation)
-            if (this.$store.state.user.userLocation) {
-                const {
-                    latitude,
-                    longitude
-                } = this.$store.state.user.userLocation
-                _this.getList(longitude, latitude).then((covers) => {
-                    _this.$refs.uMap.addFeature(covers)
-                })
-            } else {
-                _this.$api.msg('无法获得周边信息')
-            }
-        },
-        onShow() {
-            // const _this = this
-            // this.mockGetLocation().then((myPoint) => {
-            //     this.latitude = myPoint.latitude
-            //     this.longitude = myPoint.longitude
-            //     _this.getList(_this.longitude, _this.latitude).then((covers) => {
-            //         _this.$api.msg('成功获得周边信息')
-            //         console.log(covers)
-            //         _this.$refs.uMap.addFeature(covers)
-            //     })
-            // })
-        },
-        methods: {
-            openMap(lon, lat) {
-                //打开地图，并将门店位置传入
-                // type: post 岗位 mission 任务
-                switch (this.productInfo.type) {
-                    case 'post':
-                        const no = encodeURIComponent(1)
-                        uni.navigateTo({
-                            url: `/pages/projectInfo/workInfo?workId=${encodeURIComponent(no)}&isCan=${1}`
-                        })
-                        break
-                    case 'mission':
-                        const no1 = encodeURIComponent(this.productInfo.missionNo)
-                        uni.navigateTo({
-                            url: `/pages/projectInfo/projectInfo?missionNo=${no1}&isCan=${1}`
-                        })
-                        break
-                }
-            },
-            search() {
-                const _this = this
-                if (this.$store.state.user.userLocation) {
-                    const {
-                        latitude,
-                        longitude
-                    } = this.$store.state.user.userLocation
-                    _this.getList(longitude, latitude).then((covers) => {
-                        _this.$refs.uMap.addFeature(covers)
-                    })
-                } else {
-                    _this.$api.msg('无法获得周边信息')
-                }
-                // this.getList(this.longitude, this.latitude).then((covers) => {
-                //     this.$api.msg('成功获得周边信息')
-                //     console.log(covers)
-                //     this.$refs.uMap.addFeature(covers)
-                // })
-            },
-            clickmark(cover) {
-                if (cover.markerId === 1) return
-                this.show = true;
-                this.productInfo = cover.info
-            },
-            mockGetLocation() {
-                return new Promise((resolve) => {
-                    resolve({
-                        "longitude": 104.40632,
-                        "latitude": 31.122989,
-                        "altitude": null,
-                        "accuracy": 25.998,
-                        "altitudeAccuracy": null,
-                        "heading": null,
-                        "speed": null,
-                        "errMsg": "getLocation:ok",
-                        "verticalAccuracy": 0,
-                        "horizontalAccuracy": 25.998
-                    })
-                })
-            },
-            async getList(lon, lat) {
-                return new Promise(async (resolve) => {
-                    let params = {
-                        lon,
-                        lat,
-                        distanceRange: 20,
-                        taskTitle: this.searchValue
-                    }
-                    let resData = await geQueryJobsByNearby(params)
-                    if (resData.data.code === 200) {
-                        const arr = resData.data.data.map((item) => ({
-                            id: item.id,
-                            longitude: item.lon,
-                            latitude: item.lat,
-                            iconPath: item.type === 'post' ? gwpoint : taskpoint,
-                            width: 20,
-                            height: 20,
-                            title: item.missionTitle,
-                            callout: {
-                                content: item.missionTitle,
-                                fontSize: 10,
-                                borderColor: 'blue',
-                            },
-                            info: item
-                        }))
-                        arr.push({
-                            id: 1,
-                            latitude: lat,
-                            longitude: lon,
-                            iconPath: mypoint,
-                            title: '我的位置',
-                            width: 20,
-                            height: 20
-                        })
-                        resolve(arr)
-                    }
-
-                })
-            }
-        }
-    }
-</script>
-
-<style lang="scss" scoped>
-    .color_999999 {
-        color: #999999;
-    }
-
-    .fs_12 {
-        font-size: 24rpx;
-    }
-
-    .mar_top5 {
-        margin-top: 10rpx;
-    }
-
-    .active {
-        background: #EAEAEA !important;
-        color: #AFAFAF;
-    }
-
-    .card_mark {
-        .mark_l {
-            width: 56rpx;
-            height: 28rpx;
-            border-radius: 12rpx 0 12rpx 12rpx;
-            background: linear-gradient(157deg, #A043C1 0%, #4133A2 100%);
-            font-size: 28rpx;
-            font-family: PingFang-SC-Bold, PingFang-SC;
-            font-weight: bold;
-            color: #FFFFFF;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-        }
-    }
-
-    .position-bottom {
-        position: absolute;
-        left: 0;
-        right: 0;
-        height: 406rpx;
-        bottom: 50rpx;
-
-        .uni-margin-wrap {
-            height: 406rpx;
-
-            .swiper {
-                height: 406rpx;
-
-                .wiperItem {
-                    padding-left: 50rpx;
-                    height: 406rpx;
-                    width: 660rpx !important;
-
-                    .swiper-item {
-                        width: 660rpx;
-                        height: 406rpx;
-                        background: #FFFFFF;
-                        box-shadow: 0rpx 2rpx 4rpx 0rpx rgba(0, 0, 0, 0.5);
-                        border-radius: 27rpx;
-                        overflow: hidden;
-
-                        .item-top {
-                            display: flex;
-                            align-content: center;
-                            justify-content: space-between;
-
-                            .top-img {
-                                width: 215rpx;
-                                height: 120rpx;
-                            }
-                        }
-
-                        .item-content {
-                            padding: 15rpx 33rpx;
-
-                            .content-title {
-                                font-size: 32rpx;
-                            }
-
-                            .btns {
-                                margin-top: 20rpx;
-                                display: flex;
-                                align-items: center;
-                                justify-content: center;
-                                width: 223rpx;
-                                height: 64rpx;
-                                background: linear-gradient(to right, #A043C1 0%, #4133A2 100%);
-                                border-radius: 15rpx;
-                                color: #FFFFFF;
-                                font-size: 26rpx;
-                                font-weight: 800;
-                                color: #FFFFFF;
-                                line-height: 64rpx;
-
-                                .btn-img {
-                                    width: 32rpx;
-                                    height: 32rpx;
-                                }
-                            }
-                        }
-                    }
-                }
-            }
-
-
-        }
-    }
-
-    .app_container {
-        position: fixed;
-        left: 0;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        display: flex;
-        flex-direction: column;
-
-        .app-top {
-            display: flex;
-            background: linear-gradient(to right, #e8e8e8, #e8e8e8);
-            padding-bottom: 16rpx;
-            padding-top: 24rpx;
-
-            .top-search {
-                position: relative;
-                width: 100%;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-
-                .top-input {
-                    width: 710rpx;
-
-                    .put {
-                        padding-left: 30rpx;
-                        height: 72rpx;
-                        background: #FFFFFF;
-                        border-radius: 36rpx;
-                    }
-
-                    /deep/ .put-pla {
-                        height: 33rpx;
-                        font-size: 24rpx;
-                        font-weight: 400;
-                        color: #999999;
-                        line-height: 33rpx;
-                    }
-
-                    .input-btn {
-                        position: absolute;
-                        right: 30rpx;
-                        top: 50%;
-                        transform: translate(0, -50%);
-                        color: #FFFFFF;
-                        width: 120rpx;
-                        height: 56rpx;
-                        line-height: 56rpx;
-                        font-size: 28rpx;
-                        background: linear-gradient(157deg, #A043C1 0%, #4133A2 100%);
-                        border-radius: 29rpx;
-                    }
-                }
-            }
-        }
-
-        .view-map {
-            flex: 1;
-        }
-    }
-</style>
\ No newline at end of file
+<template>
+    <view class="app_container">
+        <view class="app-top">
+            <view class="top-search">
+                <view class="top-input">
+                    <input
+                        class="put"
+                        type="text"
+                        placeholder-class="put-pla"
+                        v-model="searchValue"
+                        placeholder="搜索附近岗位或任务"
+                    />
+                    <button class="input-btn" @tap="search">搜索</button>
+                </view>
+            </view>
+        </view>
+        <view class="view-map">
+            <super-map
+                ref="uMap"
+                style="width: 100%; height: 100%"
+                :latitude="latitude"
+                :longitude="longitude"
+                :zoom="14"
+                :min-zoom="10"
+                :max-zoom="20"
+                @markertap="clickmark"
+                @regionchange="show = false"
+                :MapUrl="$config.supperMap"
+                :flag-tip="false"
+            ></super-map>
+            <!-- <view id="map" ></view> -->
+            <!-- <map style="width: 100%;height: 100%;" scale="16" :latitude="latitude" :longitude="longitude"
+                :markers="covers" @markertap="clickmark" @regionchange="show = false"></map> -->
+            <view class="position-bottom" v-if="show">
+                <view class="uni-margin-wrap">
+                    <swiper class="swiper" circular :interval="2000" :duration="500">
+                        <swiper-item class="wiperItem">
+                            <view class="swiper-item uni-bg-red">
+                                <view class="item-content">
+                                    <view class="content-title">{{ productInfo.missionTitle }}</view>
+                                    <view class="color_999999 fs_12 mar_top5">
+                                        <uni-icons type="location" color="#999999" size="12"></uni-icons>
+                                        {{ productInfo.cityId }} ｜ {{ productInfo.address }} ｜ 距离：{{ distance }}
+                                    </view>
+                                    <view class="color_999999 fs_12 mar_top5">
+                                        <uni-icons type="map-pin-ellipse" color="#999999" size="12"></uni-icons>
+                                        招聘时间: {{ productInfo.stime }}-{{ productInfo.etime }}
+                                    </view>
+                                    <view class="color_999999 fs_12 mar_top5">
+                                        <uni-icons type="map-pin-ellipse" color="#999999" size="12"></uni-icons>
+                                        {{ productInfo.experienceDesc }} | {{ education[productInfo.education] }}
+                                    </view>
+                                    <button class="btns" hover-class="active" @tap="openMap">
+                                        <image class="btn-img" src="../../static/img/direction2.png" />
+                                        查看详情
+                                    </button>
+                                </view>
+                            </view>
+                        </swiper-item>
+                    </swiper>
+                </view>
+            </view>
+        </view>
+    </view>
+</template>
+
+<script>
+import { addZeroPrefix, getDistanceFromLatLonInKm } from '@/untils/tools.js';
+import testData from '@/common/textdata.js';
+import { geQueryJobsByNearby } from '@/api/map.js';
+let taskpoint = require('../../static/img/taskpoint.png');
+let gwpoint = require('../../static/img/gwpoint.png');
+let mypoint = require('../../static/img/mypoint.png');
+export default {
+    data() {
+        return {
+            education: testData.education,
+            show: false,
+            ID: 1,
+            searchValue: '',
+            latitude: 31.13398,
+            longitude: 104.404419,
+            covers: [],
+            rateValue: 2,
+            productInfo: {},
+        };
+    },
+    computed: {
+        distance() {
+            const { lon, lat } = this.productInfo;
+            if (lon) {
+                const { m, km } = getDistanceFromLatLonInKm(lat, lon, this.latitude, this.longitude);
+                return m > 1000 ? `${km.toFixed(2)}km` : `${m.toFixed(2)}m`;
+            }
+            return '无';
+        },
+    },
+    mounted() {
+        const _this = this;
+        console.log(this.$store.state.user.userLocation);
+        if (this.$store.state.user.userLocation) {
+            const { latitude, longitude } = this.$store.state.user.userLocation;
+            _this.getList(longitude, latitude).then((covers) => {
+                _this.$refs.uMap.addFeature(covers);
+            });
+        } else {
+            _this.$api.msg('无法获得周边信息');
+        }
+    },
+    onShow() {
+        // const _this = this
+        // this.mockGetLocation().then((myPoint) => {
+        //     this.latitude = myPoint.latitude
+        //     this.longitude = myPoint.longitude
+        //     _this.getList(_this.longitude, _this.latitude).then((covers) => {
+        //         _this.$api.msg('成功获得周边信息')
+        //         console.log(covers)
+        //         _this.$refs.uMap.addFeature(covers)
+        //     })
+        // })
+    },
+    methods: {
+        openMap(lon, lat) {
+            //打开地图，并将门店位置传入
+            // type: post 岗位 mission 任务
+            switch (this.productInfo.type) {
+                case 'post':
+                    const no = encodeURIComponent(1);
+                    uni.navigateTo({
+                        url: `/pages/projectInfo/workInfo?workId=${encodeURIComponent(no)}&isCan=${1}`,
+                    });
+                    break;
+                case 'mission':
+                    const no1 = encodeURIComponent(this.productInfo.missionNo);
+                    uni.navigateTo({
+                        url: `/pages/projectInfo/projectInfo?missionNo=${no1}&isCan=${1}`,
+                    });
+                    break;
+            }
+        },
+        search() {
+            const _this = this;
+            if (this.$store.state.user.userLocation) {
+                const { latitude, longitude } = this.$store.state.user.userLocation;
+                _this.getList(longitude, latitude).then((covers) => {
+                    _this.$refs.uMap.addFeature(covers);
+                });
+            } else {
+                _this.$api.msg('无法获得周边信息');
+            }
+            // this.getList(this.longitude, this.latitude).then((covers) => {
+            //     this.$api.msg('成功获得周边信息')
+            //     console.log(covers)
+            //     this.$refs.uMap.addFeature(covers)
+            // })
+        },
+        clickmark(cover) {
+            if (cover.markerId === 1) return;
+            this.show = true;
+            this.productInfo = cover.info;
+        },
+        mockGetLocation() {
+            return new Promise((resolve) => {
+                resolve({
+                    longitude: 104.40632,
+                    latitude: 31.122989,
+                    altitude: null,
+                    accuracy: 25.998,
+                    altitudeAccuracy: null,
+                    heading: null,
+                    speed: null,
+                    errMsg: 'getLocation:ok',
+                    verticalAccuracy: 0,
+                    horizontalAccuracy: 25.998,
+                });
+            });
+        },
+        async getList(lon, lat) {
+            return new Promise(async (resolve) => {
+                let params = {
+                    lon,
+                    lat,
+                    distanceRange: 20,
+                    taskTitle: this.searchValue,
+                };
+                let resData = await geQueryJobsByNearby(params);
+                if (resData.data.code === 200) {
+                    const arr = resData.data.data.map((item) => ({
+                        id: item.id,
+                        longitude: item.lon,
+                        latitude: item.lat,
+                        iconPath: item.type === 'post' ? gwpoint : taskpoint,
+                        width: 20,
+                        height: 20,
+                        title: item.missionTitle,
+                        callout: {
+                            content: item.missionTitle,
+                            fontSize: 10,
+                            borderColor: 'blue',
+                        },
+                        info: item,
+                    }));
+                    arr.push({
+                        id: 1,
+                        latitude: lat,
+                        longitude: lon,
+                        iconPath: mypoint,
+                        title: '我的位置',
+                        width: 20,
+                        height: 20,
+                    });
+                    resolve(arr);
+                }
+            });
+        },
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+.color_999999 {
+    color: #999999;
+}
+
+.fs_12 {
+    font-size: 24rpx;
+}
+
+.mar_top5 {
+    margin-top: 10rpx;
+}
+
+.active {
+    background: #eaeaea !important;
+    color: #afafaf;
+}
+
+.card_mark {
+    .mark_l {
+        width: 56rpx;
+        height: 28rpx;
+        border-radius: 12rpx 0 12rpx 12rpx;
+        background: linear-gradient(157deg, #a043c1 0%, #4133a2 100%);
+        font-size: 28rpx;
+        font-family: PingFang-SC-Bold, PingFang-SC;
+        font-weight: bold;
+        color: #ffffff;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+}
+
+.position-bottom {
+    position: absolute;
+    left: 0;
+    right: 0;
+    height: 406rpx;
+    bottom: 50rpx;
+
+    .uni-margin-wrap {
+        height: 406rpx;
+
+        .swiper {
+            height: 406rpx;
+
+            .wiperItem {
+                padding-left: 50rpx;
+                height: 406rpx;
+                width: 660rpx !important;
+
+                .swiper-item {
+                    width: 660rpx;
+                    height: 406rpx;
+                    background: #ffffff;
+                    box-shadow: 0rpx 2rpx 4rpx 0rpx rgba(0, 0, 0, 0.5);
+                    border-radius: 27rpx;
+                    overflow: hidden;
+
+                    .item-top {
+                        display: flex;
+                        align-content: center;
+                        justify-content: space-between;
+
+                        .top-img {
+                            width: 215rpx;
+                            height: 120rpx;
+                        }
+                    }
+
+                    .item-content {
+                        padding: 15rpx 33rpx;
+
+                        .content-title {
+                            font-size: 32rpx;
+                        }
+
+                        .btns {
+                            margin-top: 20rpx;
+                            display: flex;
+                            align-items: center;
+                            justify-content: center;
+                            width: 223rpx;
+                            height: 64rpx;
+                            background: linear-gradient(to right, #a043c1 0%, #4133a2 100%);
+                            border-radius: 15rpx;
+                            color: #ffffff;
+                            font-size: 26rpx;
+                            font-weight: 800;
+                            color: #ffffff;
+                            line-height: 64rpx;
+
+                            .btn-img {
+                                width: 32rpx;
+                                height: 32rpx;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+
+.app_container {
+    position: fixed;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    display: flex;
+    flex-direction: column;
+
+    .app-top {
+        display: flex;
+        background: linear-gradient(to right, #e8e8e8, #e8e8e8);
+        padding-bottom: 16rpx;
+        padding-top: 24rpx;
+
+        .top-search {
+            position: relative;
+            width: 100%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+
+            .top-input {
+                width: 710rpx;
+
+                .put {
+                    padding-left: 30rpx;
+                    height: 72rpx;
+                    background: #ffffff;
+                    border-radius: 36rpx;
+                }
+
+                ::v-deep .put-pla {
+                    height: 33rpx;
+                    font-size: 24rpx;
+                    font-weight: 400;
+                    color: #999999;
+                    line-height: 33rpx;
+                }
+
+                .input-btn {
+                    position: absolute;
+                    right: 30rpx;
+                    top: 50%;
+                    transform: translate(0, -50%);
+                    color: #ffffff;
+                    width: 120rpx;
+                    height: 56rpx;
+                    line-height: 56rpx;
+                    font-size: 28rpx;
+                    background: linear-gradient(157deg, #a043c1 0%, #4133a2 100%);
+                    border-radius: 29rpx;
+                }
+            }
+        }
+    }
+
+    .view-map {
+        flex: 1;
+    }
+}
+</style>
diff --git a/pages/projectInfo/step/three.vue b/pages/projectInfo/step/three.vue
index b0d9771..b307316 100644
--- a/pages/projectInfo/step/three.vue
+++ b/pages/projectInfo/step/three.vue
@@ -1,174 +1,172 @@
 <template>
-	<view>
-		<view class="sealBox">
-			<view style="height: 70rpx;"></view>
-			<view class="name">签名</view>
-			<view v-if="src" class="sealContent">
-				<image class="img" mode="aspectFit" :src="src"></image>
-			</view>
-			<view v-else class="sealContent"  @click="go">
-				<view class="contentFont">点击输入手写签名</view>
-			</view>
-			<view class="list" v-if="src">
-				<view class="listLeft">
-					<view class="listTitle">签名密码</view>
-				</view>
-				<view class="listRight">
-					<view class="rightContent nochoose">
-						<view v-if="src" class="uni-input">已设置</view>
-						<view v-else class="uni-input">未设置</view>
-					</view>
-					<image src="@/static/img/right.svg" mode=""></image>
-				</view>
-			</view>
-		</view>
-		 <view v-if="!src" class="sealAgreement">
-			<checkbox :checked="status"  @click="checkClick"/>
-			<view>我已阅读并同意</view>
-			<view class="agreement" @click="goAgreement('/pages/user/sealAgreement')">《申请证书协议》</view>
-		</view> 
-		<view class="btn">
-			<view v-if="src" @click="next" class="bottombtn">完成</view>
-			<view v-if="!src" class="bottombtn nocheck">完成</view>
-		</view>
-	</view>
+    <view>
+        <view class="sealBox">
+            <view style="height: 70rpx"></view>
+            <view class="name">签名</view>
+            <view v-if="src" class="sealContent">
+                <image class="img" mode="aspectFit" :src="src"></image>
+            </view>
+            <view v-else class="sealContent" @click="go">
+                <view class="contentFont">点击输入手写签名</view>
+            </view>
+            <view class="list" v-if="src">
+                <view class="listLeft">
+                    <view class="listTitle">签名密码</view>
+                </view>
+                <view class="listRight">
+                    <view class="rightContent nochoose">
+                        <view v-if="src" class="uni-input">已设置</view>
+                        <view v-else class="uni-input">未设置</view>
+                    </view>
+                    <image src="@/static/img/right.svg" mode=""></image>
+                </view>
+            </view>
+        </view>
+        <view v-if="!src" class="sealAgreement">
+            <checkbox :checked="status" @click="checkClick" />
+            <view>我已阅读并同意</view>
+            <view class="agreement" @click="goAgreement('/pages/user/sealAgreement')">《申请证书协议》</view>
+        </view>
+        <view class="btn">
+            <view v-if="src" @click="next" class="bottombtn">完成</view>
+            <view v-if="!src" class="bottombtn nocheck">完成</view>
+        </view>
+    </view>
 </template>
 
 <script>
-	import {mapGetters} from 'vuex'
-	export default {
-		data() {
-			return {
-				status:false
-			}
-		},
-		mounted() {
-			// this.$store.dispatch('setAutograph')
-		},
-		methods: {
-			goAgreement (url) {
-				uni.navigateTo({
-					url
-				})
-			},
-			checkClick(){
-				this.status = !this.status
-			},
-			next () {
-				uni.navigateBack()
-				// uni.switchTab({
-				// 	url: '/pages/index/index'
-				// })
-			},
-			go(url){
-				 if (!this.status){
-				 	uni.showToast({
-				 		title: '请先阅读并同意《申请证书协议》',
-				 		icon: 'none'
-				 	})
-				 	return
-				}
-				uni.navigateTo({
-					url: `/pageMy/setUserBase/seal/sealCanvas?path=/pageMy/setUserBase/seal/sealCanvas`
-				})
-			},
-			getInpCode: function(e) {
-				console.log(e)
-			}
-		},
-		computed: {
-			...mapGetters(['autograph']),
-			src(){
-				if (this.autograph.data && this.autograph.data.signSrcUrl){
-					return this.autograph.data.signSrcUrl
-				}
-			}
-		}
-	}
+import { mapGetters } from 'vuex';
+export default {
+    data() {
+        return {
+            status: false,
+        };
+    },
+    mounted() {
+        // this.$store.dispatch('setAutograph')
+    },
+    methods: {
+        goAgreement(url) {
+            uni.navigateTo({
+                url,
+            });
+        },
+        checkClick() {
+            this.status = !this.status;
+        },
+        next() {
+            uni.navigateBack();
+            // uni.switchTab({
+            // 	url: '/pages/index/index'
+            // })
+        },
+        go(url) {
+            if (!this.status) {
+                uni.showToast({
+                    title: '请先阅读并同意《申请证书协议》',
+                    icon: 'none',
+                });
+                return;
+            }
+            uni.navigateTo({
+                url: `/pageMy/setUserBase/seal/sealCanvas?path=/pageMy/setUserBase/seal/sealCanvas`,
+            });
+        },
+        getInpCode: function (e) {
+            console.log(e);
+        },
+    },
+    computed: {
+        ...mapGetters(['autograph']),
+        src() {
+            if (this.autograph.data && this.autograph.data.signSrcUrl) {
+                return this.autograph.data.signSrcUrl;
+            }
+        },
+    },
+};
 </script>
 <style lang="scss">
-	.sealAgreement{
-		display: flex;
-		align-items: center;
-		margin: 30rpx;
-		font-size: 32rpx;
-		.agreement{
-			color: #007AFF;
-		}
-		/deep/ .uni-checkbox-input{
-			border-radius: 22px!important;
-		}
-	}
-	.nocheck {
-		opacity: 0.3;
-	}
-	.bottombtn {
-		background-color: #1B66FF;
-		color: #fff;
-		text-align: center;
-		border-radius: 10rpx;
-		font-family: PingFangSC-Medium;
-		font-size: 32rpx;
-		height: 90rpx;
-		line-height: 90rpx;
-	}
-	
-	.btn {
-		background-color: #fefefe;
-		padding: 70rpx 80rpx;
-	}
-	.sealBox{
-		background-color: #FFFFFF;
-		padding: 0 15px 0 15px;
-		.name{
-			font-size: 32rpx;
-			font-weight: 400;
-			color: #333333;
-			line-height: 45rpx;
+.sealAgreement {
+    display: flex;
+    align-items: center;
+    margin: 30rpx;
+    font-size: 32rpx;
+    .agreement {
+        color: #007aff;
+    }
+    ::v-deep .uni-checkbox-input {
+        border-radius: 22px !important;
+    }
+}
+.nocheck {
+    opacity: 0.3;
+}
+.bottombtn {
+    background-color: #1b66ff;
+    color: #fff;
+    text-align: center;
+    border-radius: 10rpx;
+    font-family: PingFangSC-Medium;
+    font-size: 32rpx;
+    height: 90rpx;
+    line-height: 90rpx;
+}
 
-		}
-		.listRight {
-			display: flex;
-			align-items: center;
-			justify-content: space-between;
-			font-family: PingFangSC-Regular;
-			font-size: 28rpx;
-			color: #999999;
-		}
-		
-		.listRight image {
-			width: 40rpx;
-			height: 40rpx;
-			margin-left: 15rpx;
-		}
-		.list {
-			display: flex;
-			align-items: center;
-			justify-content: space-between;
-			font-family: PingFangSC-Regular;
-			font-size: 32rpx;
-			color: #333333;
-			height: 88rpx;
-		}
-		.sealContent{
-			background: #F6F6F6;
-			padding: 16rpx;
-			margin-top: 14rpx;
-			position:relative;
-			.img{
-				width: 100%;
-				height: 312rpx;
-				background-color: #FFFFFF;
-			}
-			.contentFont{
-				height: 312rpx;
-				line-height: 312rpx;
-				font-size: 30rpx;
-				color: #999999;
-				background: #FFFFFF;
-				text-align: center;
-			}
-		}
-	}
-	
+.btn {
+    background-color: #fefefe;
+    padding: 70rpx 80rpx;
+}
+.sealBox {
+    background-color: #ffffff;
+    padding: 0 15px 0 15px;
+    .name {
+        font-size: 32rpx;
+        font-weight: 400;
+        color: #333333;
+        line-height: 45rpx;
+    }
+    .listRight {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        font-family: PingFangSC-Regular;
+        font-size: 28rpx;
+        color: #999999;
+    }
+
+    .listRight image {
+        width: 40rpx;
+        height: 40rpx;
+        margin-left: 15rpx;
+    }
+    .list {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        font-family: PingFangSC-Regular;
+        font-size: 32rpx;
+        color: #333333;
+        height: 88rpx;
+    }
+    .sealContent {
+        background: #f6f6f6;
+        padding: 16rpx;
+        margin-top: 14rpx;
+        position: relative;
+        .img {
+            width: 100%;
+            height: 312rpx;
+            background-color: #ffffff;
+        }
+        .contentFont {
+            height: 312rpx;
+            line-height: 312rpx;
+            font-size: 30rpx;
+            color: #999999;
+            background: #ffffff;
+            text-align: center;
+        }
+    }
+}
 </style>
diff --git a/pages/projectInfo/userrecruitInfo.vue b/pages/projectInfo/userrecruitInfo.vue
index 5802691..60f5676 100644
--- a/pages/projectInfo/userrecruitInfo.vue
+++ b/pages/projectInfo/userrecruitInfo.vue
@@ -54,7 +54,7 @@
                 </view>
             </view>
             <!-- 技能标签 end -->
-            <view v-if="info.jobSources" class="prolist">来源：{{ info.jobSources || '暂无' }}</view>
+            <view v-if="info.jobSources" style="color: red" class="prolist">来源：{{ info.jobSources || '暂无' }}</view>
         </view>
         <view class="head">
             <view style="display: flex; align-items: center">
diff --git a/pages/projectInfo/userrecruitWorkInfo.vue b/pages/projectInfo/userrecruitWorkInfo.vue
index d36ced4..d7012ec 100644
--- a/pages/projectInfo/userrecruitWorkInfo.vue
+++ b/pages/projectInfo/userrecruitWorkInfo.vue
@@ -59,7 +59,7 @@
                 </view>
             </view>
             <!-- 技能标签 end -->
-            <view v-if="info.jobSources" class="prolist">来源：{{ info.jobSources || '暂无' }}</view>
+            <view v-if="info.jobSources" style="color: red" class="prolist">来源：{{ info.jobSources || '暂无' }}</view>
         </view>
         <view class="head">
             <!-- <view class="proname proneed">
diff --git a/pages/projectInfo/workInfo.vue b/pages/projectInfo/workInfo.vue
index a50c7a4..e12466b 100644
--- a/pages/projectInfo/workInfo.vue
+++ b/pages/projectInfo/workInfo.vue
@@ -13,7 +13,9 @@
                 行业类型：{{ info.tradeNames ? info.tradeNames : info.jobCompanyIndustry || '暂无' }}
             </view>
             <view class="prolist">岗位工种：{{ info.skillNames || '暂无' }}</view>
-            <view class="prolist">参考工资：{{info.wage}}～{{info.wageUpper}}{{wageUnit[info.wageUnitCategory]}}</view>
+            <view class="prolist">
+                参考工资：{{ info.wage }}～{{ info.wageUpper }}{{ wageUnit[info.wageUnitCategory] }}
+            </view>
             <!-- <view class="fee">
 				{{info.wage}}{{wageUnit[info.wageUnitCategory]}}
 			</view> -->
@@ -49,7 +51,7 @@
                 </view>
             </view>
             <!-- 技能标签 end -->
-            <view v-if="info.jobSources" class="prolist">来源：{{ info.jobSources || '暂无' }}</view>
+            <view v-if="info.jobSources" style="color: red" class="prolist">来源：{{ info.jobSources || '暂无' }}</view>
         </view>
         <view class="head">
             <!-- <view class="proname proneed">
@@ -189,7 +191,11 @@
                 </view>
                 <view style="text-align: center; font-size: 28rpx; margin-top: 30rpx">
                     {{ info.callName || '联系人  ' }} :
-                    <span style="color: blue" v-if="info.callNumber" @click="tools.onDialingPhoneNumber(info.callNumber)">
+                    <span
+                        style="color: blue"
+                        v-if="info.callNumber"
+                        @click="tools.onDialingPhoneNumber(info.callNumber)"
+                    >
                         {{ info.callNumber }}
                     </span>
                     <span style="color: #333333" v-else>无联系方式</span>
diff --git a/pages/recruit/subPage/newsDetail/projectInfo.vue b/pages/recruit/subPage/newsDetail/projectInfo.vue
index 7512ec9..8eef9c5 100644
--- a/pages/recruit/subPage/newsDetail/projectInfo.vue
+++ b/pages/recruit/subPage/newsDetail/projectInfo.vue
@@ -1,589 +1,569 @@
-<template>
-    <view v-if="showDetail">
-        <view class="head">
-            <view class="proname">
-                {{ info.missionTitle }}
-            </view>
-            <!-- <view class="prolist">
-				任务编码：{{info.missionNo}}
-			</view> -->
-            <view class="prolist">
-                岗位日期：{{ dateFormat((info.stime)) }}至{{ dateFormat((info.etime)) }}
-            </view>
-            <!-- <view class="prolist">
-				报名截止：{{dateFormat((info.etimePub))}}
-			</view> -->
-            <view class="prolist">
-                行业类型：{{ info.tradeNames }}
-            </view>
-            <view class="prolist">
-                工种类型：{{ info.worktypeNames }}
-            </view>
-            <view class="fee">
-                {{ info.wage }}
-            </view>
-        </view>
-        <view class="head">
-            <view class="proname proneed">
-                岗位要求
-            </view>
-            <view class="prolist">
-                <view class="protype">
-                    年龄要求：{{ age[info.ageDesc] }}
-                </view>
-            </view>
-            <view class="prolist">
-                <view class="protype">
-                    学历要求：{{ education[info.education] }}
-                </view>
-                <view class="protype">
-                    经验要求：{{ experience[info.experienceDesc] }}
-                </view>
-            </view>
-            <view class="prolist proint" style="font-weight: bold;color:#333;">
-                任务描述
-            </view>
-            <view class="prolist description">
-                {{ info.missionDesc }}
-            </view>
-            <!-- 技能标签 start -->
-            <view class="ask">
-                <view class="askList" v-for="(item, index) in skillNames" :key="index">
-                    {{ item }}
-                </view>
-            </view>
-            <!-- 技能标签 end -->
-            <view v-if="info.jobSources" class="prolist">
-                来源：{{ info.jobSources }}
-            </view>
-        </view>
-        <view class="head">
-            <view class="proname proneed">
-                用工单位信息
-            </view>
-            <view class="prolist">
-                {{ info.companyName }}
-            </view>
-            <view class="prolist">
-                用工单位地址：{{ info.companyAddress }}
-            </view>
-        </view>
-        <view class="head">
-            <view class="proname proneed">
-                地址
-            </view>
-            <!-- <view class="prolist">
-				<view class="protype">
-					联系人：{{info.callName}}
-				</view>
-				<view class="protype">
-					联系方式：{{info.callTel}}
-				</view>
-			</view>
-			<view class="prolist" v-if="info.callNumber">
-				座机号：{{info.callNumber}}
-			</view> -->
-            <view class="prolist">
-                任务地址：{{ info.address }}
-            </view>
-            <view class="map">
-                <super-map ref="uMap" style="width: 100%;height: 100%;" :latitude="latitude" :longitude="longitude"
-                    :open="true" :zoom="14" :min-zoom="10" :max-zoom="20" :MapUrl="$config.supperMap"
-                    :flag-tip="false"></super-map>
-            </view>
-            <!-- <map class="map" :latitude="latitude" :longitude="longitude" :markers="covers"></map> -->
-        </view>
-        <view class="" style="height:200rpx;background-color: #f6f6f6;" v-if="isShow !== '0'"></view>
-        <view class="btn">
-
-            <view @click="callPhone" class="bottombtn flexbtn"
-                style="margin-right: 10rpx;background-color: #FBAD17;border-radius: 45rpx;">
-                查看申请列表
-            </view>
-        </view>
-        <uniMask :maskShow="maskShow">
-            <view class="contractMask">
-                <!-- #ifdef H5 || APP-PLUS -->
-                <view class="close" @click="close" style="top: 124rpx;">+</view>
-                <!-- #endif -->
-                <!-- #ifdef MP-WEIXIN -->
-                <view class="close" @click="close">+</view>
-                <!-- #endif -->
-                <view style="height: 30px;"></view>
-                <img :src="src" alt="" style="width:100%;height: 1000px;">
-                <view v-if="nextBtn" class="down" @click="next">下一步</view>
-            </view>
-        </uniMask>
-        <u-popup closeable :show="showPopUp" mode="bottom" @close="closePopUp">
-            <view style="min-height: 100rpx;padding: 60rpx 40rpx;">
-                <view class="contactWrapper" v-for="(item, index) in info.applyList" :key="index">
-                    <view class="wrapperLeft">
-                        <view> {{ item.realName }} : {{ item.telphone }} </view>
-                        <view> 申请时间：{{ item.applyTime }} </view>
-                    </view>
-                    <view class="applyTime">
-                        <!-- // 1：申请中；2：申请通过；3：申请未通过；-->
-                        <view class="btnGr" v-if="item.status === 1 ||item.status === 3"
-                            @click="changeWorkerStatus(item)">录用</view>
-                        <view class="btnHuy" v-if="item.status === 2" @click="cancelWorkerStatus(item)">取消</view>
-                    </view>
-                </view>
-            </view>
-        </u-popup>
-    </view>
-
-    <view v-else-if="showCode" class="codeSealBox">
-        <!-- #ifdef H5 || APP-PLUS -->
-        <view class="closeCode" @click="closeShowCode" style="top: 124rpx;">+</view>
-        <!-- #endif -->
-        <!-- #ifdef MP-WEIXIN -->
-        <view class="closeCode" @click="closeShowCode">+</view>
-        <!-- #endif -->
-
-        <view class="title">
-            <view class="name">签名密码</view>
-            <view class="tip">6位数字签名密码</view>
-        </view>
-        <view style="height: 36px;"></view>
-        <valid-code ref="validCode" @finish="getInpCode" :maxlength="maxlength"></valid-code>
-        <view style="height: 36px;"></view>
-        <view class="forget" @click="forget">忘记密码？</view>
-    </view>
-</template>
-
-<script>
-    import {
-        mapGetters
-    } from 'vuex'
-    import {
-        recruit_missionDetail
-    } from '@/api/mission.js';
-    import {
-        GoLogin
-    } from '@/untils/AxiosUtils.js';
-    import {
-        setRead,
-        updataEmployedNew,
-        cancelEmployed
-    } from '@/api/news.js';
-    import {
-        checkPass
-    } from '@/api/auth.js';
-    import dictionary from '@/common/textdata.js';
-    import {
-        dateFormat
-    } from "../../../../untils/format.js";
-    import uniMask from '@/components/uni-mask/mask.vue'
-    import uniPopup from '@/components/uni-popup/uni-popup.vue'
-    import validCode from '@/components/p-valid-code/p-valid-code.vue'
-    export default {
-        data() {
-            return {
-                ...dictionary,
-                info: {},
-                status: null,
-                showDetail: false,
-                showCode: false,
-                maskShow: false,
-                nextBtn: false,
-                loading: false,
-                latitude: 39.909, //中心点
-                longitude: 116.39742,
-                covers: [{ //marker标记位置
-                    id: 0,
-                    latitude: 0,
-                    longitude: 0,
-                    // width:30,
-                    // height:30,
-                    iconPath: '../../../../static/img/location.png'
-                }],
-                missionNo: "",
-                isShow: '',
-                type: '',
-                id: '',
-                src: 'https://jlfiles.oss-cn-zhangjiakou.aliyuncs.com/jobslink-api/doc/%E7%94%B5%E5%AD%90%E5%90%88%E5%90%8C%E9%A2%84%E8%A7%88%E5%9B%BE%E7%89%87.png',
-                maxlength: 6,
-                collectStatus: 0, // 收藏状态
-                showPopUp: false,
-            }
-        },
-        components: {
-            uniMask,
-            validCode,
-            uniPopup
-        },
-        onLoad: function(option) { //option为object类型，会序列化上个页面传递的参数
-            // this.$store.dispatch('setAutograph')
-            if (option.missionNo) {
-                this.missionNo = decodeURIComponent(option.missionNo);
-            }
-            if (option.isCan) {
-                this.isShow = option.isCan; //isShow为'0'则为我的任务、我的评价过来的，需要隐藏抢任务按钮
-            }
-            if (option.type) {
-                this.type = option.type; //type为1则为消息邀请过来的,需要设置消息已读;
-            }
-            if (option.id) {
-                this.id = option.id; //消息id
-            }
-        },
-        onShow: function() {
-            this.showDetail = true
-            this.getData();
-
-        },
-        onShareAppMessage(obj) {
-            return {
-                title: this.info.missionTitle,
-                path: `/pages/projectInfo/projectInfo?missionNo=${this.info.missionNo}`
-            }
-        },
-        methods: {
-            dateFormat,
-            async cancelWorkerStatus(item) {
-                let params = {
-                    missionNo: this.info.missionNo,
-                    ids: item.id
-                }
-                uni.showLoading({
-                    title: '请稍后'
-                })
-                let resData = await cancelEmployed(params)
-                uni.hideLoading()
-                if (resData.data.code === 200) {
-                    this.$api.msg('操作成功')
-                    this.getData();
-                }
-            },
-            async changeWorkerStatus(item) {
-                let params = {
-                    missionNo: this.info.missionNo,
-                    ids: item.id
-                }
-                uni.showLoading({
-                    title: '请稍后'
-                })
-                let resData = await updataEmployedNew(params)
-                uni.hideLoading()
-                if (resData.data.code === 200) {
-                    this.$api.msg('操作成功')
-                    this.getData();
-                }
-            },
-            callPhone() {
-                this.showPopUp = true;
-            },
-            closePopUp() {
-                this.showPopUp = false;
-            },
-            getData: function() {
-                const self = this;
-                // missionDetail(self.missionNo).then(res => {
-                recruit_missionDetail(self.missionNo, self.type).then(res => {
-                    self.info = res.data.data;
-                    self.status = res.data.data.detailStatus;
-                    self.latitude = self.info.lat;
-                    self.longitude = self.info.lon;
-                    self.covers[0].latitude = self.info.lat;
-                    self.covers[0].longitude = self.info.lon;
-                    self.showDetail = true;
-                    if (self.type === 1) {
-                        // 设置已读
-                        setRead(self.id).then(res => {
-                            self.$store.commit("SET_READ");
-                        })
-                    }
-                }, error => {
-                    console.log(error);
-                });
-            },
-            // 查看合同
-            lookMask() {
-                this.maskShow = true
-            },
-            // 关闭弹窗
-            close() {
-                this.maskShow = false
-            },
-            // 合同下一步
-            next() {
-                this.maskShow = false
-                this.showDetail = false
-                this.showCode = true
-            },
-            // 输入签名密码
-            getInpCode(password) {
-                uni.showLoading({
-                    title: "请求中..."
-                })
-                this.loading = true
-                var obj = {
-                    pass: password
-                }
-                checkPass(obj).then(res => {
-                    this.closeShowCode()
-                }).catch(err => {
-                    this.loading = false
-                })
-            },
-            // 关闭签名密码弹窗
-            closeShowCode() {
-                this.showCode = false
-                this.showDetail = true
-            },
-            // 忘记密码
-            forget() {
-                uni.navigateTo({
-                    url: `/pageMy/setUserBase/seal/forget?forget=true`
-                })
-            }
-        },
-        computed: {
-            ...mapGetters(['auth', 'autograph']),
-            skillNames() {
-                if (this.info.skillNames) {
-                    return this.info.skillNames.split(',')
-                }
-            }
-        }
-    }
-</script>
-
-<style lang="scss">
-    .codeSealBox {
-        padding: 285rpx 72rpx 0 72rpx;
-
-        .closeCode {
-            position: absolute;
-            right: 36rpx;
-            top: 120rpx;
-            color: #1B66FF;
-            transform: rotate(45deg);
-            font-size: 40px;
-        }
-
-        .title {
-            display: flex;
-            align-items: center;
-        }
-
-        .name {
-            height: 46rpx;
-            font-size: 46rpx;
-            font-family: PingFangSC-Medium, PingFang SC;
-            font-weight: 500;
-            color: #333333;
-            line-height: 46rpx;
-            margin-right: 28rpx;
-        }
-
-        .tip {
-            height: 38rpx;
-            font-size: 28rpx;
-            font-family: PingFangSC-Regular, PingFang SC;
-            font-weight: 400;
-            color: #999999;
-            line-height: 38rpx;
-        }
-
-        .forget {
-            height: 38rpx;
-            font-size: 28rpx;
-            font-family: PingFangSC-Regular, PingFang SC;
-            font-weight: 400;
-            color: #5AA0FA;
-            line-height: 38rpx;
-            text-align: right;
-        }
-
-    }
-
-    .contractMask {
-        background-color: #FFFFFF;
-        margin: 30rpx;
-        position: relative;
-        border-radius: 4px;
-        height: 96%;
-        overflow: auto;
-
-        .close {
-            width: 23px;
-            height: 23px;
-            color: #1B66FF;
-            position: fixed;
-            right: 60rpx;
-            top: 60rpx;
-            transform: rotate(45deg);
-            font-size: 40px;
-        }
-
-        .down {
-            position: fixed;
-            bottom: 30px;
-            left: 14%;
-            width: 545rpx;
-            height: 90rpx;
-            line-height: 90rpx;
-            text-align: center;
-            background: #1B66FF;
-            font-size: 36rpx;
-            font-weight: 400;
-            color: #FFFFFF;
-        }
-    }
-
-    .lookContract {
-        width: 30%;
-        margin-right: 30rpx;
-    }
-
-    .flexbtn {
-        flex: 1;
-    }
-
-    .bottombtn {
-        background-color: #1B66FF;
-        color: #fff;
-        text-align: center;
-        border-radius: 10rpx;
-        font-family: PingFangSC-Medium;
-        font-size: 32rpx;
-        height: 90rpx;
-        line-height: 90rpx;
-    }
-
-    .btn {
-        background-color: #fefefe;
-        width: 690rpx;
-        padding: 30rpx;
-        padding-bottom: 80rpx;
-        position: fixed;
-        bottom: 0;
-        left: 0;
-        display: flex;
-    }
-
-    .disabledBtn {
-        background-color: #c8c9cc;
-    }
-
-    .map {
-        width: 100%;
-        height: 350rpx;
-        margin-top: 30rpx;
-    }
-
-    .askList {
-        font-family: PingFangSC-Regular;
-        font-size: 24rpx;
-        color: #666666;
-        background-color: #f6f6f6;
-        padding: 5rpx 15rpx;
-        margin-right: 10rpx;
-        margin-top: 15rpx;
-    }
-
-    .ask {
-        overflow: hidden;
-        width: 100%;
-        display: flex;
-        align-items: center;
-        flex-wrap: wrap;
-        justify-content: flex-start;
-        margin: 20rpx 0;
-
-    }
-
-    .proint {
-        margin-top: 30rpx;
-        font-size: 30rpx !important;
-    }
-
-    .proneed {
-        font-size: 32rpx !important;
-
-    }
-
-    .fee {
-        font-family: PingFangSC-Medium;
-        font-size: 32rpx;
-        color: #F46161;
-        margin-top: 30rpx;
-    }
-
-    .protype {
-        width: 50%;
-    }
-
-    .prolist {
-        font-family: PingFangSC-Regular;
-        font-size: 28rpx;
-        color: #666666;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        text-align: left;
-        padding: 5rpx 0;
-    }
-
-    .proname {
-        font-weight: bold;
-        font-family: PingFangSC-Medium;
-        font-size: 40rpx;
-        color: #333333;
-        width: 90%;
-        overflow: hidden;
-        padding-bottom: 20rpx;
-    }
-
-    .head {
-        padding: 30rpx;
-        background: #fefefe;
-        border-bottom: 20rpx solid #f6f6f6;
-    }
-
-    .description {
-        word-break: break-all;
-        white-space: pre-line;
-    }
-
-    .contactWrapper {
-        box-sizing: border-box;
-        text-align: center;
-        font-size: 28rpx;
-        margin-top: 10rpx;
-        border: 1px solid #e0e0e0;
-        border-radius: 5px;
-        padding: 20rpx;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-
-    }
-
-    .applyTime {
-        font-size: 24rpx;
-        color: #666666;
-    }
-
-    .wrapperLeft {
-        display: flex;
-        align-items: flex-start;
-        justify-content: center;
-        flex-direction: column;
-    }
-
-    .btnGr {
-        background-color: green;
-        color: #FFFFFF;
-        padding: 10rpx 20rpx;
-        border-radius: 5rpx;
-    }
-
-    .btnHuy {
-        background-color: #e8e8e8;
-        color: #FFFFFF;
-        padding: 10rpx 20rpx;
-        border-radius: 5rpx;
-    }
-</style>
\ No newline at end of file
+<template>
+    <view v-if="showDetail">
+        <view class="head">
+            <view class="proname">
+                {{ info.missionTitle }}
+            </view>
+            <!-- <view class="prolist">
+				任务编码：{{info.missionNo}}
+			</view> -->
+            <view class="prolist">岗位日期：{{ dateFormat(info.stime) }}至{{ dateFormat(info.etime) }}</view>
+            <!-- <view class="prolist">
+				报名截止：{{dateFormat((info.etimePub))}}
+			</view> -->
+            <view class="prolist">行业类型：{{ info.tradeNames }}</view>
+            <view class="prolist">工种类型：{{ info.worktypeNames }}</view>
+            <view class="fee">
+                {{ info.wage }}
+            </view>
+        </view>
+        <view class="head">
+            <view class="proname proneed">岗位要求</view>
+            <view class="prolist">
+                <view class="protype">年龄要求：{{ age[info.ageDesc] }}</view>
+            </view>
+            <view class="prolist">
+                <view class="protype">学历要求：{{ education[info.education] }}</view>
+                <view class="protype">经验要求：{{ experience[info.experienceDesc] }}</view>
+            </view>
+            <view class="prolist proint" style="font-weight: bold; color: #333">任务描述</view>
+            <view class="prolist description">
+                {{ info.missionDesc }}
+            </view>
+            <!-- 技能标签 start -->
+            <view class="ask">
+                <view class="askList" v-for="(item, index) in skillNames" :key="index">
+                    {{ item }}
+                </view>
+            </view>
+            <!-- 技能标签 end -->
+            <view v-if="info.jobSources" style="color: red" class="prolist">来源：{{ info.jobSources }}</view>
+        </view>
+        <view class="head">
+            <view class="proname proneed">用工单位信息</view>
+            <view class="prolist">
+                {{ info.companyName }}
+            </view>
+            <view class="prolist">用工单位地址：{{ info.companyAddress }}</view>
+        </view>
+        <view class="head">
+            <view class="proname proneed">地址</view>
+            <!-- <view class="prolist">
+				<view class="protype">
+					联系人：{{info.callName}}
+				</view>
+				<view class="protype">
+					联系方式：{{info.callTel}}
+				</view>
+			</view>
+			<view class="prolist" v-if="info.callNumber">
+				座机号：{{info.callNumber}}
+			</view> -->
+            <view class="prolist">任务地址：{{ info.address }}</view>
+            <view class="map">
+                <super-map
+                    ref="uMap"
+                    style="width: 100%; height: 100%"
+                    :latitude="latitude"
+                    :longitude="longitude"
+                    :open="true"
+                    :zoom="14"
+                    :min-zoom="10"
+                    :max-zoom="20"
+                    :MapUrl="$config.supperMap"
+                    :flag-tip="false"
+                ></super-map>
+            </view>
+            <!-- <map class="map" :latitude="latitude" :longitude="longitude" :markers="covers"></map> -->
+        </view>
+        <view class="" style="height: 200rpx; background-color: #f6f6f6" v-if="isShow !== '0'"></view>
+        <view class="btn">
+            <view
+                @click="callPhone"
+                class="bottombtn flexbtn"
+                style="margin-right: 10rpx; background-color: #fbad17; border-radius: 45rpx"
+            >
+                查看申请列表
+            </view>
+        </view>
+        <uniMask :maskShow="maskShow">
+            <view class="contractMask">
+                <!-- #ifdef H5 || APP-PLUS -->
+                <view class="close" @click="close" style="top: 124rpx">+</view>
+                <!-- #endif -->
+                <!-- #ifdef MP-WEIXIN -->
+                <view class="close" @click="close">+</view>
+                <!-- #endif -->
+                <view style="height: 30px"></view>
+                <img :src="src" alt="" style="width: 100%; height: 1000px" />
+                <view v-if="nextBtn" class="down" @click="next">下一步</view>
+            </view>
+        </uniMask>
+        <u-popup closeable :show="showPopUp" mode="bottom" @close="closePopUp">
+            <view style="min-height: 100rpx; padding: 60rpx 40rpx">
+                <view class="contactWrapper" v-for="(item, index) in info.applyList" :key="index">
+                    <view class="wrapperLeft">
+                        <view>{{ item.realName }} : {{ item.telphone }}</view>
+                        <view>申请时间：{{ item.applyTime }}</view>
+                    </view>
+                    <view class="applyTime">
+                        <!-- // 1：申请中；2：申请通过；3：申请未通过；-->
+                        <view
+                            class="btnGr"
+                            v-if="item.status === 1 || item.status === 3"
+                            @click="changeWorkerStatus(item)"
+                        >
+                            录用
+                        </view>
+                        <view class="btnHuy" v-if="item.status === 2" @click="cancelWorkerStatus(item)">取消</view>
+                    </view>
+                </view>
+            </view>
+        </u-popup>
+    </view>
+
+    <view v-else-if="showCode" class="codeSealBox">
+        <!-- #ifdef H5 || APP-PLUS -->
+        <view class="closeCode" @click="closeShowCode" style="top: 124rpx">+</view>
+        <!-- #endif -->
+        <!-- #ifdef MP-WEIXIN -->
+        <view class="closeCode" @click="closeShowCode">+</view>
+        <!-- #endif -->
+
+        <view class="title">
+            <view class="name">签名密码</view>
+            <view class="tip">6位数字签名密码</view>
+        </view>
+        <view style="height: 36px"></view>
+        <valid-code ref="validCode" @finish="getInpCode" :maxlength="maxlength"></valid-code>
+        <view style="height: 36px"></view>
+        <view class="forget" @click="forget">忘记密码？</view>
+    </view>
+</template>
+
+<script>
+import { mapGetters } from 'vuex';
+import { recruit_missionDetail } from '@/api/mission.js';
+import { GoLogin } from '@/untils/AxiosUtils.js';
+import { setRead, updataEmployedNew, cancelEmployed } from '@/api/news.js';
+import { checkPass } from '@/api/auth.js';
+import dictionary from '@/common/textdata.js';
+import { dateFormat } from '../../../../untils/format.js';
+import uniMask from '@/components/uni-mask/mask.vue';
+import uniPopup from '@/components/uni-popup/uni-popup.vue';
+import validCode from '@/components/p-valid-code/p-valid-code.vue';
+export default {
+    data() {
+        return {
+            ...dictionary,
+            info: {},
+            status: null,
+            showDetail: false,
+            showCode: false,
+            maskShow: false,
+            nextBtn: false,
+            loading: false,
+            latitude: 39.909, //中心点
+            longitude: 116.39742,
+            covers: [
+                {
+                    //marker标记位置
+                    id: 0,
+                    latitude: 0,
+                    longitude: 0,
+                    // width:30,
+                    // height:30,
+                    iconPath: '../../../../static/img/location.png',
+                },
+            ],
+            missionNo: '',
+            isShow: '',
+            type: '',
+            id: '',
+            src: 'https://jlfiles.oss-cn-zhangjiakou.aliyuncs.com/jobslink-api/doc/%E7%94%B5%E5%AD%90%E5%90%88%E5%90%8C%E9%A2%84%E8%A7%88%E5%9B%BE%E7%89%87.png',
+            maxlength: 6,
+            collectStatus: 0, // 收藏状态
+            showPopUp: false,
+        };
+    },
+    components: {
+        uniMask,
+        validCode,
+        uniPopup,
+    },
+    onLoad: function (option) {
+        //option为object类型，会序列化上个页面传递的参数
+        // this.$store.dispatch('setAutograph')
+        if (option.missionNo) {
+            this.missionNo = decodeURIComponent(option.missionNo);
+        }
+        if (option.isCan) {
+            this.isShow = option.isCan; //isShow为'0'则为我的任务、我的评价过来的，需要隐藏抢任务按钮
+        }
+        if (option.type) {
+            this.type = option.type; //type为1则为消息邀请过来的,需要设置消息已读;
+        }
+        if (option.id) {
+            this.id = option.id; //消息id
+        }
+    },
+    onShow: function () {
+        this.showDetail = true;
+        this.getData();
+    },
+    onShareAppMessage(obj) {
+        return {
+            title: this.info.missionTitle,
+            path: `/pages/projectInfo/projectInfo?missionNo=${this.info.missionNo}`,
+        };
+    },
+    methods: {
+        dateFormat,
+        async cancelWorkerStatus(item) {
+            let params = {
+                missionNo: this.info.missionNo,
+                ids: item.id,
+            };
+            uni.showLoading({
+                title: '请稍后',
+            });
+            let resData = await cancelEmployed(params);
+            uni.hideLoading();
+            if (resData.data.code === 200) {
+                this.$api.msg('操作成功');
+                this.getData();
+            }
+        },
+        async changeWorkerStatus(item) {
+            let params = {
+                missionNo: this.info.missionNo,
+                ids: item.id,
+            };
+            uni.showLoading({
+                title: '请稍后',
+            });
+            let resData = await updataEmployedNew(params);
+            uni.hideLoading();
+            if (resData.data.code === 200) {
+                this.$api.msg('操作成功');
+                this.getData();
+            }
+        },
+        callPhone() {
+            this.showPopUp = true;
+        },
+        closePopUp() {
+            this.showPopUp = false;
+        },
+        getData: function () {
+            const self = this;
+            // missionDetail(self.missionNo).then(res => {
+            recruit_missionDetail(self.missionNo, self.type).then(
+                (res) => {
+                    self.info = res.data.data;
+                    self.status = res.data.data.detailStatus;
+                    self.latitude = self.info.lat;
+                    self.longitude = self.info.lon;
+                    self.covers[0].latitude = self.info.lat;
+                    self.covers[0].longitude = self.info.lon;
+                    self.showDetail = true;
+                    if (self.type === 1) {
+                        // 设置已读
+                        setRead(self.id).then((res) => {
+                            self.$store.commit('SET_READ');
+                        });
+                    }
+                },
+                (error) => {
+                    console.log(error);
+                }
+            );
+        },
+        // 查看合同
+        lookMask() {
+            this.maskShow = true;
+        },
+        // 关闭弹窗
+        close() {
+            this.maskShow = false;
+        },
+        // 合同下一步
+        next() {
+            this.maskShow = false;
+            this.showDetail = false;
+            this.showCode = true;
+        },
+        // 输入签名密码
+        getInpCode(password) {
+            uni.showLoading({
+                title: '请求中...',
+            });
+            this.loading = true;
+            var obj = {
+                pass: password,
+            };
+            checkPass(obj)
+                .then((res) => {
+                    this.closeShowCode();
+                })
+                .catch((err) => {
+                    this.loading = false;
+                });
+        },
+        // 关闭签名密码弹窗
+        closeShowCode() {
+            this.showCode = false;
+            this.showDetail = true;
+        },
+        // 忘记密码
+        forget() {
+            uni.navigateTo({
+                url: `/pageMy/setUserBase/seal/forget?forget=true`,
+            });
+        },
+    },
+    computed: {
+        ...mapGetters(['auth', 'autograph']),
+        skillNames() {
+            if (this.info.skillNames) {
+                return this.info.skillNames.split(',');
+            }
+        },
+    },
+};
+</script>
+
+<style lang="scss">
+.codeSealBox {
+    padding: 285rpx 72rpx 0 72rpx;
+
+    .closeCode {
+        position: absolute;
+        right: 36rpx;
+        top: 120rpx;
+        color: #1b66ff;
+        transform: rotate(45deg);
+        font-size: 40px;
+    }
+
+    .title {
+        display: flex;
+        align-items: center;
+    }
+
+    .name {
+        height: 46rpx;
+        font-size: 46rpx;
+        font-family: PingFangSC-Medium, PingFang SC;
+        font-weight: 500;
+        color: #333333;
+        line-height: 46rpx;
+        margin-right: 28rpx;
+    }
+
+    .tip {
+        height: 38rpx;
+        font-size: 28rpx;
+        font-family: PingFangSC-Regular, PingFang SC;
+        font-weight: 400;
+        color: #999999;
+        line-height: 38rpx;
+    }
+
+    .forget {
+        height: 38rpx;
+        font-size: 28rpx;
+        font-family: PingFangSC-Regular, PingFang SC;
+        font-weight: 400;
+        color: #5aa0fa;
+        line-height: 38rpx;
+        text-align: right;
+    }
+}
+
+.contractMask {
+    background-color: #ffffff;
+    margin: 30rpx;
+    position: relative;
+    border-radius: 4px;
+    height: 96%;
+    overflow: auto;
+
+    .close {
+        width: 23px;
+        height: 23px;
+        color: #1b66ff;
+        position: fixed;
+        right: 60rpx;
+        top: 60rpx;
+        transform: rotate(45deg);
+        font-size: 40px;
+    }
+
+    .down {
+        position: fixed;
+        bottom: 30px;
+        left: 14%;
+        width: 545rpx;
+        height: 90rpx;
+        line-height: 90rpx;
+        text-align: center;
+        background: #1b66ff;
+        font-size: 36rpx;
+        font-weight: 400;
+        color: #ffffff;
+    }
+}
+
+.lookContract {
+    width: 30%;
+    margin-right: 30rpx;
+}
+
+.flexbtn {
+    flex: 1;
+}
+
+.bottombtn {
+    background-color: #1b66ff;
+    color: #fff;
+    text-align: center;
+    border-radius: 10rpx;
+    font-family: PingFangSC-Medium;
+    font-size: 32rpx;
+    height: 90rpx;
+    line-height: 90rpx;
+}
+
+.btn {
+    background-color: #fefefe;
+    width: 690rpx;
+    padding: 30rpx;
+    padding-bottom: 80rpx;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    display: flex;
+}
+
+.disabledBtn {
+    background-color: #c8c9cc;
+}
+
+.map {
+    width: 100%;
+    height: 350rpx;
+    margin-top: 30rpx;
+}
+
+.askList {
+    font-family: PingFangSC-Regular;
+    font-size: 24rpx;
+    color: #666666;
+    background-color: #f6f6f6;
+    padding: 5rpx 15rpx;
+    margin-right: 10rpx;
+    margin-top: 15rpx;
+}
+
+.ask {
+    overflow: hidden;
+    width: 100%;
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    margin: 20rpx 0;
+}
+
+.proint {
+    margin-top: 30rpx;
+    font-size: 30rpx !important;
+}
+
+.proneed {
+    font-size: 32rpx !important;
+}
+
+.fee {
+    font-family: PingFangSC-Medium;
+    font-size: 32rpx;
+    color: #f46161;
+    margin-top: 30rpx;
+}
+
+.protype {
+    width: 50%;
+}
+
+.prolist {
+    font-family: PingFangSC-Regular;
+    font-size: 28rpx;
+    color: #666666;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    text-align: left;
+    padding: 5rpx 0;
+}
+
+.proname {
+    font-weight: bold;
+    font-family: PingFangSC-Medium;
+    font-size: 40rpx;
+    color: #333333;
+    width: 90%;
+    overflow: hidden;
+    padding-bottom: 20rpx;
+}
+
+.head {
+    padding: 30rpx;
+    background: #fefefe;
+    border-bottom: 20rpx solid #f6f6f6;
+}
+
+.description {
+    word-break: break-all;
+    white-space: pre-line;
+}
+
+.contactWrapper {
+    box-sizing: border-box;
+    text-align: center;
+    font-size: 28rpx;
+    margin-top: 10rpx;
+    border: 1px solid #e0e0e0;
+    border-radius: 5px;
+    padding: 20rpx;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.applyTime {
+    font-size: 24rpx;
+    color: #666666;
+}
+
+.wrapperLeft {
+    display: flex;
+    align-items: flex-start;
+    justify-content: center;
+    flex-direction: column;
+}
+
+.btnGr {
+    background-color: green;
+    color: #ffffff;
+    padding: 10rpx 20rpx;
+    border-radius: 5rpx;
+}
+
+.btnHuy {
+    background-color: #e8e8e8;
+    color: #ffffff;
+    padding: 10rpx 20rpx;
+    border-radius: 5rpx;
+}
+</style>
diff --git a/pages/recruit/subPage/newsDetail/workInfo.vue b/pages/recruit/subPage/newsDetail/workInfo.vue
index 27c60fd..17c784e 100644
--- a/pages/recruit/subPage/newsDetail/workInfo.vue
+++ b/pages/recruit/subPage/newsDetail/workInfo.vue
@@ -38,7 +38,7 @@
                 </view>
             </view>
             <!-- 技能标签 end -->
-            <view v-if="info.jobSources" class="prolist">来源：{{ info.jobSources }}</view>
+            <view v-if="info.jobSources" style="color: red" class="prolist">来源：{{ info.jobSources }}</view>
         </view>
         <view class="head">
             <!-- <view class="proname proneed">
diff --git a/pages/recruit/subPage/task.vue b/pages/recruit/subPage/task.vue
index 9b3fbd6..3a76827 100644
--- a/pages/recruit/subPage/task.vue
+++ b/pages/recruit/subPage/task.vue
@@ -1,868 +1,1058 @@
-<!-- 发布任务 -->
-<template>
-    <view>
-        <view class="u-demo-block__content">
-            <!-- 注意，如果需要兼容微信小程序，最好通过setRules方法设置rules规则 -->
-            <u--form labelPosition="left" :model="info" ref="form1" :rules="rules">
-                <view style="font-size: 30rpx;font-weight: bold;padding: 20rpx 0 0;">岗位信息</view>
-                <u-form-item label="岗位名称" prop="jobName" borderBottom labelWidth="80" ref="item1">
-                    <u--input v-model="info.jobName" border="none" placeholder="请输入岗位名称"></u--input>
-                </u-form-item>
-                <u-form-item label="发布时间" labelWidth="80" prop="stime" borderBottom
-                    @click="showStime = true; hideKeyboard()" ref="item1">
-                    <u--input v-model="info.stime" disabledColor="#ffffff" placeholder="请选择发布时间"
-                        border="none"></u--input>
-                    <u-icon slot="right" name="arrow-right"></u-icon>
-                </u-form-item>
-                <u-form-item label="结束时间" labelWidth="80" prop="etime" borderBottom
-                    @click="showEtime = true; hideKeyboard()" ref="item2">
-                    <u--input v-model="info.etime" disabledColor="#ffffff" placeholder="请选择结束时间"
-                        border="none"></u--input>
-                    <u-icon slot="right" name="arrow-right"></u-icon>
-                </u-form-item>
-                <view style="font-size: 30rpx;font-weight: bold;padding: 20rpx 0 0;">岗位要求</view>
-                <u-form-item label="招聘人数" prop="peopleNum" borderBottom labelWidth="80" ref="item3">
-                    <u--input type="number" v-model="info.peopleNum" maxlength="7" border="none" placeholder="请输入招聘人数">
-                    </u--input>
-                </u-form-item>
-                <u-form-item label="参考工资" prop="wage" borderBottom labelWidth="80" ref="item1">
-                    <u--input v-model="info.wage" type="number" maxlength="7" @blur="onBlurWage" border="none"
-                        placeholder="请输入参考工资">
-                        <template slot="suffix">
-                            <u-form-item class="wageunitLeft" prop="wageUnitCategory" labelWidth="0" border="surround"
-                                @click="showWage = true; hideKeyboard()" ref="item4">
-                                <u--input v-model="info.wageUnitCategoryName" disabledColor="#ffffff"
-                                    placeholder="请选择单位" style="width: 80px;" border="none"></u--input>
-                                <u-icon slot="right" name="arrow-right"></u-icon>
-                            </u-form-item>
-                        </template>
-                    </u--input>
-                </u-form-item>
-                <!-- <u-form-item label="参考工资" prop="wage" labelWidth="80" borderBottom
-					@click="showWage = true; hideKeyboard()" ref="item4">
-					<u--input v-model="info.wage" disabledColor="#ffffff" placeholder="请选择参考工资"
-						border="none"></u--input>
-					<u-icon slot="right" name="arrow-right"></u-icon>
-				</u-form-item> -->
-                <u-form-item label="行业类型" prop="tradeNames" labelWidth="80" borderBottom
-                    @click="showTrade = true; hideKeyboard()" ref="item5">
-                    <u--input v-model="info.tradeNames" disabledColor="#ffffff" placeholder="请选择行业类型"
-                        border="none"></u--input>
-                    <u-icon slot="right" name="arrow-right"></u-icon>
-                </u-form-item>
-                <u-form-item label="工种" prop="skillNames" labelWidth="80" borderBottom
-                    @click="showSkills = true; hideKeyboard()" ref="item6">
-                    <u--input v-model="info.skillNames" disabledColor="#ffffff" placeholder="请选择工种"
-                        border="none"></u--input>
-                    <u-icon slot="right" name="arrow-right"></u-icon>
-                </u-form-item>
-                <u-form-item label="岗位描述" labelWidth="80" ref="item1"></u-form-item>
-                <view>
-                    <u--textarea v-model="info.jobDescription"
-                        placeholder="参考示例:任务名称:保姆 工作内容: 一日三餐,卫生打扫 工资: 200元/天 年龄要求: 25-40岁 工作经验要求: 有过住家保姆经验, 会做饭,受过高等教育的优先"
-                        count height="100" maxlength="200"></u--textarea>
-                </view>
-                <u-form-item prop="jobDescription" borderBottom labelWidth="80" ref="item1"></u-form-item>
-                <view style="font-size: 30rpx;font-weight: bold;padding: 20rpx 0 0;">人员要求</view>
-                <!-- <u-form-item label="人员属性" prop="userNature" labelWidth="80" borderBottom
-					@click="showNature = true; hideKeyboard()" ref="item7">
-					<u--input v-model="info.userNature" disabledColor="#ffffff" placeholder="请选择人员属性"
-						border="none"></u--input>
-					<u-icon slot="right" name="arrow-right"></u-icon>
-				</u-form-item> -->
-                <u-form-item label="年龄要求" prop="ageDesc" labelWidth="80" borderBottom
-                    @click="showAge = true; hideKeyboard()" ref="item8">
-                    <u--input v-model="info.ageDesc" disabledColor="#ffffff" placeholder="请选择年龄要求"
-                        border="none"></u--input>
-                    <u-icon slot="right" name="arrow-right"></u-icon>
-                </u-form-item>
-                <u-form-item label="学历要求" prop="educationLabel" labelWidth="80" borderBottom
-                    @click="showEdu = true; hideKeyboard()" ref="item9">
-                    <u--input v-model="info.educationLabel" disabledColor="#ffffff" placeholder="请选择学历要求"
-                        border="none"></u--input>
-                    <u-icon slot="right" name="arrow-right"></u-icon>
-                </u-form-item>
-                <u-form-item label="经验要求" prop="experienceDesc" labelWidth="80" borderBottom
-                    @click="showExpe = true; hideKeyboard()" ref="item10">
-                    <u--input v-model="info.experienceDesc" disabledColor="#ffffff" placeholder="请选择学历要求"
-                        border="none"></u--input>
-                    <u-icon slot="right" name="arrow-right"></u-icon>
-                </u-form-item>
-                <view style="font-size: 30rpx;font-weight: bold;padding: 20rpx 0 0;">企业信息</view>
-                <u-form-item label="用工单位" prop="jobCompanyName" borderBottom labelWidth="80" ref="item1">
-                    <u--input v-model="info.jobCompanyName" :disabled="true" border="none" disabledColor="#ffffff"
-                        placeholder="请输入用工单位"></u--input>
-                </u-form-item>
-                <u-form-item label="企业信用代码" prop="jobCompanyScale" borderBottom labelWidth="80" ref="item1">
-                    <u--input v-model="info.jobCompanyScale" border="none" :disabled="true" disabledColor="#ffffff"
-                        placeholder="请输入企业信用代码"></u--input>
-                </u-form-item>
-                <u-form-item label="所属行业" prop="jobCompanyIndustry" borderBottom labelWidth="80" ref="item1">
-                    <u--input v-model="info.jobCompanyIndustry" border="none" :disabled="true" disabledColor="#ffffff"
-                        placeholder="请输入所属行业"></u--input>
-                </u-form-item>
-                <u-form-item label="所属社区" prop="createDept" borderBottom labelWidth="80" ref="item1">
-                    <custom-tree-select style="width: 100%;" :listData="deptTreeData" v-model="info.createDept"
-                        data-label="title" data-value="value" boxStyle="border: 0; paddingLeft: 0;" search border
-                        placeholder="请选择所属社区" />
-                </u-form-item>
-                <u-form-item label="企业性质" prop="jobCompanyNature" borderBottom labelWidth="80" ref="item1">
-                    <u--input v-model="info.jobCompanyNature" border="none" :disabled="true" disabledColor="#ffffff"
-                        placeholder="请输入企业性质"></u--input>
-                </u-form-item>
-                <u-form-item label="企业介绍" labelWidth="80" ref="item1"></u-form-item>
-                <view>
-                    <u--textarea v-model="info.jobCompanyDescription" placeholder="请输入企业介绍" count height="100"
-                        maxlength="200"></u--textarea>
-                </view>
-                <u-form-item prop="jobCompanyDescription" borderBottom labelWidth="80" ref="item1"></u-form-item>
-                <u-form-item label="联系人" prop="callName" borderBottom labelWidth="80" ref="item1">
-                    <u--input v-model="info.callName" border="none" placeholder="请输入联系人"></u--input>
-                </u-form-item>
-                <u-form-item label="手机号" prop="callTel" borderBottom labelWidth="80" ref="item1">
-                    <u--input v-model="info.callTel" border="none" placeholder="请输入手机号"></u--input>
-                </u-form-item>
-                <u-form-item label="座机" prop="callNumber" borderBottom labelWidth="80" ref="item1">
-                    <u--input v-model="info.callNumber" border="none" placeholder="请输入座机"></u--input>
-                </u-form-item>
-                <u-form-item label="注册地址" labelWidth="70" prop="cityId" borderBottom ref="item1"
-                    @click="showCityId = true; hideKeyboard()">
-                    <PickerTree placeholder="请选择注册地址" :tree="area.data" valueName="value" :visibel="showCityId"
-                        v-model="info.cityId" @cancel="showCityId = false" border="none" returnValue="label" :deep="3">
-                    </PickerTree>
-                </u-form-item>
-                <u-form-item label="工作地址" prop="address" borderBottom labelWidth="80" ref="item1">
-                    <view class="addressinfo" @click="selectMap"
-                        :style="`fontSize: 15px;color: ${info.address ? '#333333' : '#c0c4cc'}`">
-                        {{info.address || '请选择'}}
-                    </view>
-                    <!--  <textarea placeholder-style="color: rgb(192, 196, 204); fontSize: 15px" @focus="selectMap"
-                        v-model="info.address" placeholder="请输入详细地址" style="width: 100%;" /> -->
-                    <!-- <lin-select :list="addressOptions" value-key="location" name-key="title" max-height="180"
-                        :loading="loading" loading-text="数据加载中" placeholder="请输入详细地址" @input="selectInput"
-                        v-model="info.address" @confirm="selectConfirm" /> -->
-                </u-form-item>
-                <!-- <view class="map">
-                    <super-map ref="uMap" style="width: 100%;height: 100%;" :latitude="latitude" :longitude="longitude"
-                        :open="true" :zoom="14" :min-zoom="10" :max-zoom="20" @regionchange="show = false"
-                        :MapUrl="$config.supperMap" :flag-tip="false"></super-map>
-                </view> -->
-                <!-- <map class="map" :latitude="latitude" :longitude="longitude" :markers="covers"></map> -->
-            </u--form>
-            <u-button type="primary" text="提交" customStyle="margin-top: 50px" @click="submit"></u-button>
-            <u-button type="error" text="重置" customStyle="margin-top: 10px" @click="reset"></u-button>
-            <u-picker :show="showWage" ref="wagePicker" keyName="label" :columns="wageColumns" @confirm="wageConfirm"
-                @cancel="wageClose" @close="wageClose">
-            </u-picker>
-            <u-picker :show="showTrade" ref="tradePicker" keyName="name" :columns="tradeColumns" @confirm="tradeConfirm"
-                @cancel="tradeClose" @close="tradeClose">
-            </u-picker>
-            <u-picker :show="showSkills" ref="skillPicker" keyName="name" :columns="skillColumns" @change="skillsChange"
-                @confirm="skillConfirm" @cancel="skillClose" @close="skillClose">
-            </u-picker>
-            <!-- <u-picker :show="showNature" ref="naturePicker"  :columns="natureColumns"
-				@confirm="natureConfirm" @cancel="natureClose" @close="natureClose">
-			</u-picker> -->
-            <u-picker :show="showAge" ref="agePicker" keyName="label" :columns="ageColumns" @confirm="ageConfirm"
-                @cancel="ageClose" @close="ageClose">
-            </u-picker>
-            <u-picker :show="showEdu" ref="eduPicker" keyName="label" :columns="eduColumns" @confirm="eduConfirm"
-                @cancel="eduClose" @close="eduClose">
-            </u-picker>
-            <u-picker :show="showExpe" ref="expePicker" keyName="label" :columns="expeColumns" @confirm="expeConfirm"
-                @cancel="expeClose" @close="expeClose">
-            </u-picker>
-            <u-datetime-picker :show="showStime" :value="birthday" mode="date" closeOnClickOverlay
-                @confirm="stimeConfirm" @cancel="stimeClose" @close="stimeClose"></u-datetime-picker>
-            <u-datetime-picker :show="showEtime" :value="birthday" mode="date" closeOnClickOverlay
-                @confirm="etimeConfirm" @cancel="etimeClose" @close="etimeClose"></u-datetime-picker>
-
-            <sylj-selectLocation ref="selectLocationPop" @ok="selectedOk"
-                :apikey="$config.apiKey"></sylj-selectLocation>
-        </view>
-    </view>
-</template>
-
-<script>
-    import dic from '@/common/dic.js'
-    import {
-        submitInfo,
-        getWorktypesBaseList,
-        findTradeList,
-        getDictionary,
-        getDeptAllTree
-    } from '@/api/userrecruit.js'
-    import PickerTree from './enterpriceCertification/pickerTree.vue'
-    import syljSelectLocation from '@/components/sylj-selectLocation/sylj-selectLocation.vue'
-    import {
-        mapGetters
-    } from 'vuex'
-    import {
-        querySearch
-    } from '../../../api/map'
-    import {
-        debounce
-    } from '@/untils/tools.js'
-    export default {
-        data() {
-            return {
-                deptTreeData: [],
-                addressOptions: [],
-                loading: false,
-                latitude: 31.05, //中心点
-                longitude: 104.20,
-                covers: [{ //marker标记位置
-                    id: 0,
-                    latitude: 0,
-                    longitude: 0,
-                    // width:30,
-                    // height:30,
-                    iconPath: '../../../static/img/location.png'
-                }],
-                value2: '招工内容',
-                fileList1: [],
-                disabled1: false,
-                tips: '',
-                value: '',
-                showCalendar: false,
-                showStime: false,
-                showCityId: false,
-                showEtime: false,
-                info: {
-                    jobName: '', // 招工名称
-                    stime: '', // 发布时间
-                    etime: '', // 结束时间
-                    peopleNum: '', // 招聘人数
-                    wage: '', // 参考工资
-                    wageUnitCategory: '', // 工资单位
-                    wageUnitCategoryName: '',
-                    tradeId: '', // 行业类型id
-                    tradeNames: '', // 行业类型名称
-                    worktypeIds: '', // 工种一级id
-                    skillIds: '', // 工种二级id
-                    worktypeNames: '', // 工种名称
-                    skillNames: '', // 工种二级名称
-                    jobDescription: '', // 任务描述
-                    // userNature: '', // 人员属性
-                    educationLabel: dic.eduArr[0][0].label, // 学历要求前端显示
-                    ageDesc: dic.ageArr[0][0].label, // 年龄要求
-                    education: dic.eduArr[0][0].value, // 学历要求
-                    experienceDesc: dic.expeArr[0][0].label, // 经验要求
-                    cityId: '',
-                    jobCompanyName: '', // 用工单位
-                    jobCompanyScale: '', // 企业信用代码
-                    jobCompanyIndustry: '', // 所属行业
-                    jobCompanyNature: '', // 企业性质
-                    jobCompanyDescription: '', // 企业介绍
-                    callName: '', // 联系人
-                    callTel: '', // 手机号
-                    callNumber: '', // 座机
-                    address: '', // 公司详细地址
-                    createDept: []
-                    // userInfo: {
-                    // 	name: '楼兰',
-                    // 	sex: '',
-                    // 	birthday: ''
-                    // },
-                    // radiovalue1: '苹果',
-                    // checkboxValue1: [],
-                    // intro: '',
-                    // code: ''
-                },
-                showWage: false, // 参考工资选项是否展示
-                showTrade: false, // 行业类型是否显示
-                showSkills: false, // 工种类型是否显示
-                showNature: false, // 人员属性
-                showAge: false, // 年龄要求
-                showEdu: false, // 学历要求
-                showExpe: false, // 经验要求 
-                birthday: Number(new Date()),
-                wageColumns: dic.wageUnitCategoryState,
-                tradeColumns: dic.tradeArr,
-                skillColumns: [],
-                skillColumnsIndex: [0, 0],
-                natureColumns: dic.natureArr,
-                ageColumns: dic.ageArr,
-                eduColumns: dic.eduArr,
-                expeColumns: dic.expeArr,
-                wallMaxAndMin: [],
-                rules: {
-                    jobName: {
-                        type: 'string',
-                        required: true,
-                        message: '请输入招工名称',
-                        trigger: ['change']
-                    },
-                    stime: {
-                        type: 'string',
-                        required: true,
-                        message: '请输入开始时间',
-                        trigger: ['change']
-                    },
-                    etime: {
-                        type: 'string',
-                        required: true,
-                        message: '请选择结束时间',
-                        trigger: ['change']
-                    },
-                    peopleNum: {
-                        type: 'number',
-                        required: true,
-                        message: '请输入招聘人数',
-                        trigger: ['change']
-                    },
-                    wage: {
-                        type: 'string',
-                        required: true,
-                        message: '请输入参考工资',
-                        trigger: ['change']
-                    },
-                    tradeNames: {
-                        type: 'string',
-                        required: true,
-                        message: '请选择行业类型',
-                        trigger: ['change']
-                    },
-                    skillNames: {
-                        type: 'string',
-                        required: true,
-                        message: '请选择工种',
-                        trigger: ['change']
-                    },
-                    jobDescription: {
-                        type: 'string',
-                        min: 20,
-                        required: true,
-                        message: '请输入岗位描述，最少20个字符',
-                        trigger: ['change']
-                    },
-                    ageDesc: {
-                        type: 'string',
-                        required: true,
-                        message: '请选择年龄',
-                        trigger: ['change']
-                    },
-                    educationLabel: {
-                        type: 'string',
-                        required: true,
-                        message: '请选择学历',
-                        trigger: ['change']
-                    },
-                    experienceDesc: {
-                        type: 'string',
-                        required: true,
-                        message: '请选择经验要求',
-                        trigger: ['change']
-                    },
-                    cityId: {
-                        type: 'string',
-                        required: true,
-                        message: '请选择注册地址',
-                        trigger: ['change']
-                    },
-                    jobCompanyName: {
-                        type: 'string',
-                        required: true,
-                        message: '请输入用工单位',
-                        trigger: ['change']
-                    },
-                    jobCompanyScale: {
-                        type: 'string',
-                        required: true,
-                        message: '请输入企业信用代码',
-                        trigger: ['change']
-                    },
-                    jobCompanyIndustry: {
-                        type: 'string',
-                        required: true,
-                        message: '请输入所属行业',
-                        trigger: ['change']
-                    },
-                    jobCompanyNature: {
-                        type: 'string',
-                        required: true,
-                        message: '请输入企业性质',
-                        trigger: ['change']
-                    },
-                    jobCompanyDescription: {
-                        type: 'string',
-                        required: true,
-                        message: '请输入企业介绍',
-                        trigger: ['change']
-                    },
-                    callName: {
-                        type: 'string',
-                        required: true,
-                        message: '请输入联系人',
-                        trigger: ['change']
-                    },
-                    callTel: {
-                        type: 'string',
-                        required: true,
-                        message: '请输入手机号',
-                        trigger: ['change']
-                    },
-                    address: {
-                        type: 'string',
-                        required: true,
-                        message: '请输入工作地址',
-                        trigger: ['change']
-                    },
-                    createDept: {
-                        type: 'array',
-                        required: true,
-                        message: '请选择所属社区',
-                        trigger: ['change']
-                    }
-                },
-            }
-        },
-        components: {
-            PickerTree
-        },
-        props: {
-            company: {
-                default: null,
-            }
-        },
-        computed: {
-            ...mapGetters(['area'])
-        },
-        created() {
-            const {
-                id: staId,
-                label: staLabel
-            } = dic.wageUnitCategoryState[0].filter(item => item.id == 3)[0]
-            this.info.wageUnitCategory = staId
-            this.info.wageUnitCategoryName = staLabel
-            this.getTreeDept()
-            if (this.company) {
-                this.backfill(this.company)
-            }
-            this.getWorkTypes()
-            this.dictionary()
-        },
-        watch: {
-            company(val) {
-                if (!val) return;
-                this.backfill(val)
-            }
-
-        },
-        methods: {
-            selectedOk(data) {
-                const {
-                    infomation,
-                    location,
-                    name,
-                    address
-                } = data
-                const {
-                    lon,
-                    lat
-                } = location
-                this.latitude = lat
-                this.longitude = lon
-                this.info.address = `${data.address}${ data.name && '(' + data.name + ')' }`
-            },
-            selectMap() {
-                const that = this
-                // uni.getLocation({
-                //     type: 'wgs84',
-                //     success: function(res) {
-                //         console.log(res)
-                //         uni.hideLoading();
-                //         console.log('当前位置的经度：' + res.longitude);
-                //         console.log('当前位置的纬度：' + res.latitude);
-                //         // that.$refs.selectLocationPop.open(res.longitude, res.latitude, that.$config.apiKey);
-
-                //     },
-                //     fail: function(err) {
-                //         console.log('获取失败');
-                //         uni.hideLoading();
-
-                //     },
-
-                // });
-                that.$refs.selectLocationPop.open(that.longitude, that.latitude, that.$config.apiKey);
-                console.log(this.latitude, this.longitude)
-                console.log('聚焦')
-            },
-            async getTreeDept() {
-                let resData = await getDeptAllTree()
-                if (resData.data.code === 200) {
-                    this.deptTreeData = resData.data.data
-                    console.log('dept', resData.data.data)
-                }
-            },
-            selectInput: debounce(function(val) {
-                // querySearch(val, '3CXBZ-SKHCL-QC6PH-MLJAE-ZYCFK-6MBR5').then(res => {
-                //     console.log(res) 
-                //     if (res.data.status === 0) {
-                //         this.addressOptions = res.data.data;
-                //     }
-                // });
-            }, 600),
-            selectConfirm() {},
-            onBlurWage(value) {
-                const val = this.wallMaxAndMin
-                if (!val.length) {
-                    return;
-                }
-                switch (true) {
-                    case value < Math.min(...val):
-                        this.info.wage = String(Math.min(...val))
-                        return
-                    case value > Math.max(...val):
-                        this.info.wage = String(Math.max(...val))
-                        return
-                }
-            },
-            async dictionary() {
-                let params = {
-                    code: `wages_limit_${this.info.wageUnitCategory}`
-                }
-                this.info.wage = ''
-                let resData = await getDictionary(params)
-                if (resData.data.code === 200) {
-                    const arr = resData.data.data.map((item) => Number(item.dictKey))
-                    this.wallMaxAndMin = arr
-                }
-            },
-            async backfill(info) {
-                console.log(info, 'bos')
-                if (info.reviewState === 9) {
-                    this.info.wage = info.wage
-                    this.info.jobName = info.jobName
-                    this.info.stime = info.stime
-                    this.info.etime = info.etime
-                    this.info.peopleNum = info.peopleNum
-                    this.info.tradeId = info.tradeId
-                    this.info.tradeNames = info.tradeNames
-                    this.info.worktypeIds = info.worktypeIds
-                    this.info.skillNames = info.skillNames
-                    this.info.jobDescription = info.jobDescription
-                    this.info.ageDesc = info.ageDesc
-                    this.info.education = info.education
-                    this.info.educationLabel = dic.eduArr[0].filter((vitem) => vitem.value === info.education)[0]
-                        .label
-                    this.info.experienceDesc = info.experienceDesc
-                    this.info.cityId = info.cityId
-                    this.info.jobCompanyName = info.jobCompanyName
-                    this.info.jobCompanyScale = info.jobCompanyScale
-                    this.info.jobCompanyIndustry = info.jobCompanyIndustry
-                    this.info.jobCompanyNature = info.jobCompanyNature
-                    this.info.jobCompanyDescription = info.jobCompanyDescription
-                    this.info.createDept = [String(info.createDept)]
-                    this.info.callName = info.callName
-                    this.info.callTel = info.callTel
-                    this.info.callNumber = info.callNumber
-                    this.info.address = info.address
-                } else {
-                    this.info.jobCompanyScale = info.companyTid
-                    this.info.jobCompanyName = info.comname
-                    this.info.callName = info.manager
-                    this.info.callTel = info.telphone
-                    this.info.jobCompanyDescription = info.companyDesc
-                    this.info.jobCompanyNature = info.companyNature
-                    // this.info.tradeId = info.tradeId
-                    // this.info.tradeNames = info.tradeNames
-                    this.info.jobCompanyIndustry = info.tradeNames
-                }
-            },
-            wageConfirm(e) {
-                const {
-                    value
-                } = e
-                this.info.wageUnitCategoryName = value[0].label
-                this.info.wageUnitCategory = value[0].id
-                this.showWage = false
-                this.dictionary()
-            },
-            tradeConfirm(e) {
-                const {
-                    value
-                } = e
-                this.info.tradeId = value[0].id
-                this.info.tradeNames = value[0].name
-                this.showTrade = false
-            },
-            skillConfirm(e) {
-                const {
-                    value,
-                    indexs
-                } = e
-                this.skillColumnsIndex = indexs
-                this.info.skillNames = this.getSkilDataNameWhereId(indexs).join('-')
-                this.showSkills = false
-            },
-            ageConfirm(e) {
-                const {
-                    value
-                } = e
-                this.info.ageDesc = value[0].label
-                this.showAge = false
-            },
-            eduConfirm(e) {
-                const {
-                    value
-                } = e
-                this.info.education = value[0].value
-                this.info.educationLabel = value[0].label
-                this.showEdu = false
-            },
-            expeConfirm(e) {
-                const {
-                    value
-                } = e
-                this.info.experienceDesc = value[0].label
-                this.showExpe = false
-            },
-            expeClose() {
-                this.showExpe = false
-            },
-            eduClose() {
-                this.showEdu = false
-            },
-            ageClose() {
-                this.showAge = false
-            },
-            skillClose() {
-                this.showSkills = false
-            },
-            wageClose(e) {
-                this.showWage = false
-            },
-            tradeClose(e) {
-                this.showTrade = false
-            },
-            sexSelect(e) {
-                this.info.userInfo.sex = e.name
-                this.$refs.form1.validateField('userInfo.sex')
-            },
-            change(e) {
-                // console.log(e);
-            },
-            formatter(day) {
-                const d = new Date()
-                let month = d.getMonth() + 1
-                const date = d.getDate()
-                if (day.month == month && day.day == date + 3) {
-                    day.bottomInfo = '有优惠'
-                    day.dot = true
-                }
-                return day
-            },
-            calendarConfirm(e) {
-                this.showCalendar = false
-                this.info.hotel = `${e[0]} / ${e[e.length - 1]}`
-                this.$refs.form1.validateField('hotel')
-            },
-            codeChange(text) {
-                this.tips = text;
-            },
-            getCode() {
-                if (this.$refs.uCode.canGetCode) {
-                    // 模拟向后端请求验证码
-                    uni.showLoading({
-                        title: '正在获取验证码'
-                    })
-                    setTimeout(() => {
-                        uni.hideLoading();
-                        // 这里此提示会被this.start()方法中的提示覆盖
-                        uni.$u.toast('验证码已发送');
-                        // 通知验证码组件内部开始倒计时
-                        this.$refs.uCode.start();
-                    }, 2000);
-                } else {
-                    uni.$u.toast('倒计时结束后再发送');
-                }
-            },
-            calendarClose() {
-                this.showCalendar = false
-                this.$refs.form1.validateField('hotel')
-            },
-            stimeClose() {
-                this.showStime = false
-                this.$refs.form1.validateField('userInfo.birthday')
-            },
-            stimeConfirm(e) {
-                this.showStime = false
-                this.info.stime = uni.$u.timeFormat(e.value, 'yyyy-mm-dd') + ' 00:00:00'
-                this.$refs.form1.validateField('userInfo.birthday')
-            },
-            etimeClose() {
-                this.showEtime = false
-                this.$refs.form1.validateField('userInfo.birthday')
-            },
-            etimeConfirm(e) {
-                this.showEtime = false
-                this.info.etime = uni.$u.timeFormat(e.value, 'yyyy-mm-dd') + ' 23:59:59'
-                this.$refs.form1.validateField('userInfo.birthday')
-            },
-            submit() {
-                // 如果有错误，会在catch中返回报错信息数组，校验通过则在then中返回true
-                // this.$refs.form1.validate().then(res => {
-                // 	uni.$u.toast('校验通过')
-                // }).catch(errors => {
-                // 	uni.$u.toast('校验失败')
-                // })
-                let vali = ['']
-                const names = this.getSkilDataNameWhereId(this.skillColumnsIndex, true)
-                const ids = this.getSkilDataNameWhereId(this.skillColumnsIndex, false)
-                this.info.jobType = 0
-                let params = {
-                    ...this.info,
-                    worktypeIds: ids[0], // 工种一级id
-                    skillIds: ids[1], // 工种二级id
-                    worktypeNames: names[0], // 工种名称
-                    skillNames: names[1], // 工种二级名称
-                }
-                if (this.company.reviewState === 9) {
-                    params.id = this.company.id
-                }
-                let that = this
-                this.$refs.form1.validate().then(res => {
-                    if (!this.info.wageUnitCategory) {
-                        return this.$api.msg('请选择参考工资单位')
-                    }
-                    params.lon = that.longitude
-                    params.lat = that.latitude
-                    params.createDept = params.createDept[0]
-                    submitInfo(params).then(res => {
-                        if (res.data.code == 200) {
-                            that.reset()
-                            uni.$u.toast('发布成功')
-                            setTimeout(() => {
-                                this.navTo('/pages/recruit/subPage/index')
-                            }, 1000)
-                        }
-                    })
-                }).catch(errors => {
-                    uni.$u.toast('请完善内容')
-                })
-            },
-            reset() {
-                // jobCompanyName: '', // 用工单位
-                // jobCompanyScale: '', // 企业信用代码
-                // jobCompanyIndustry: '', // 所属行业
-                // jobCompanyNature: '', // 企业性质
-                // jobCompanyDescription: '', // 企业介绍
-                const validateList = [
-                    'jobName',
-                    'stime',
-                    'etime',
-                    'peopleNum',
-                    'wage',
-                    'tradeId',
-                    'tradeNames',
-                    'worktypeIds',
-                    'skillIds',
-                    'worktypeNames',
-                    'skillNames',
-                    'jobDescription',
-                    'ageDesc',
-                    'education',
-                    'educationLabel',
-                    'experienceDesc',
-                    'cityId',
-                    'jobCompanyName',
-                    'jobCompanyScale',
-                    'jobCompanyIndustry',
-                    'jobCompanyNature',
-                    'jobCompanyDescription',
-                    "createDept",
-                    'callName',
-                    'callTel',
-                    'callNumber',
-                    'address'
-                ]
-                this.$refs.form1.resetFields()
-                this.$refs.form1.clearValidate()
-                setTimeout(() => {
-                    this.$refs.form1.clearValidate(validateList)
-                    this.backfill(this.company)
-                    // 或者使用 this.$refs.form1.clearValidate()
-                }, 10)
-            },
-            hideKeyboard() {
-                uni.hideKeyboard()
-            },
-            skillsChange(e) {
-                const {
-                    columnIndex,
-                    index,
-                    picker = this.$refs.uPicker
-                } = e
-                let [index1, index2] = this.skillColumnsIndex
-                switch (columnIndex) {
-                    case 0:
-                        index1 = index;
-                        index2 = 0
-                        break
-                    case 1:
-                        index2 = index;
-                        break
-                }
-                const Indexs = [index1, index2]
-                picker.setColumnValues(1, this.skillData[index1].child.map((item) => item.name))
-                this.skillColumnsIndex = Indexs
-            },
-            getSkilDataNameWhereId(Indexs, type = true) {
-                if (!this.skillData) {
-                    return
-                }
-                const [index1, index2] = Indexs
-                const work1 = this.skillData[index1]
-                const work2 = work1.child[index2]
-                if (type) {
-                    return [work1.name, work2.name]
-                } else {
-                    return [work1.id, work2.id]
-                }
-            },
-            async getWorkTypes() {
-                let resData = await getWorktypesBaseList({
-                    type: 1
-                })
-                if (resData.data.code === 200) {
-                    const {
-                        data
-                    } = resData.data
-                    const arr = []
-                    // 1、 空间换时间策略/user/userrecruit/saveApp
-                    arr.push(data.map((item) => item.name));
-                    arr.push(data[0].child.map((item) => item.name))
-                    this.skillColumnsIndex = [0, 0]
-                    this.skillData = data
-                    this.skillColumns = arr
-
-                }
-            }
-        }
-    }
-</script>
-
-<style>
-    .map {
-        width: 100%;
-        height: 350rpx;
-        margin-top: 30rpx;
-    }
-
-    .wageunitLeft {
-        border-left: 3rpx solid rgb(192, 196, 204, 0.6);
-        padding-left: 20rpx;
-
-    }
-
-    /deep/.wageunitLeft .u-form-item__body {
-        padding: 0;
-    }
-
-    .addressinfo {
-        width: 100%;
-        height: fit-content;
-        min-height: 21px;
-    }
-</style>
\ No newline at end of file
+<!-- 发布任务 -->
+<template>
+    <view>
+        <view class="u-demo-block__content">
+            <!-- 注意，如果需要兼容微信小程序，最好通过setRules方法设置rules规则 -->
+            <u--form labelPosition="left" :model="info" ref="form1" :rules="rules">
+                <view style="font-size: 30rpx; font-weight: bold; padding: 20rpx 0 0">岗位信息</view>
+                <u-form-item label="岗位名称" prop="jobName" borderBottom labelWidth="80" ref="item1">
+                    <u--input v-model="info.jobName" border="none" placeholder="请输入岗位名称"></u--input>
+                </u-form-item>
+                <u-form-item
+                    label="发布时间"
+                    labelWidth="80"
+                    prop="stime"
+                    borderBottom
+                    @click="
+                        showStime = true;
+                        hideKeyboard();
+                    "
+                    ref="item1"
+                >
+                    <u--input
+                        v-model="info.stime"
+                        disabledColor="#ffffff"
+                        placeholder="请选择发布时间"
+                        border="none"
+                    ></u--input>
+                    <u-icon slot="right" name="arrow-right"></u-icon>
+                </u-form-item>
+                <u-form-item
+                    label="结束时间"
+                    labelWidth="80"
+                    prop="etime"
+                    borderBottom
+                    @click="
+                        showEtime = true;
+                        hideKeyboard();
+                    "
+                    ref="item2"
+                >
+                    <u--input
+                        v-model="info.etime"
+                        disabledColor="#ffffff"
+                        placeholder="请选择结束时间"
+                        border="none"
+                    ></u--input>
+                    <u-icon slot="right" name="arrow-right"></u-icon>
+                </u-form-item>
+                <view style="font-size: 30rpx; font-weight: bold; padding: 20rpx 0 0">岗位要求</view>
+                <u-form-item label="招聘人数" prop="peopleNum" borderBottom labelWidth="80" ref="item3">
+                    <u--input
+                        type="number"
+                        v-model="info.peopleNum"
+                        maxlength="7"
+                        border="none"
+                        placeholder="请输入招聘人数"
+                    ></u--input>
+                </u-form-item>
+                <u-form-item label="参考工资" prop="wage" borderBottom labelWidth="80" ref="item1">
+                    <u--input
+                        v-model="info.wage"
+                        type="number"
+                        maxlength="7"
+                        @blur="onBlurWage"
+                        border="none"
+                        placeholder="请输入参考工资"
+                    >
+                        <template slot="suffix">
+                            <u-form-item
+                                class="wageunitLeft"
+                                prop="wageUnitCategory"
+                                labelWidth="0"
+                                border="surround"
+                                @click="
+                                    showWage = true;
+                                    hideKeyboard();
+                                "
+                                ref="item4"
+                            >
+                                <u--input
+                                    v-model="info.wageUnitCategoryName"
+                                    disabledColor="#ffffff"
+                                    placeholder="请选择单位"
+                                    style="width: 80px"
+                                    border="none"
+                                ></u--input>
+                                <u-icon slot="right" name="arrow-right"></u-icon>
+                            </u-form-item>
+                        </template>
+                    </u--input>
+                </u-form-item>
+                <!-- <u-form-item label="参考工资" prop="wage" labelWidth="80" borderBottom
+					@click="showWage = true; hideKeyboard()" ref="item4">
+					<u--input v-model="info.wage" disabledColor="#ffffff" placeholder="请选择参考工资"
+						border="none"></u--input>
+					<u-icon slot="right" name="arrow-right"></u-icon>
+				</u-form-item> -->
+                <u-form-item
+                    label="行业类型"
+                    prop="tradeNames"
+                    labelWidth="80"
+                    borderBottom
+                    @click="
+                        showTrade = true;
+                        hideKeyboard();
+                    "
+                    ref="item5"
+                >
+                    <u--input
+                        v-model="info.tradeNames"
+                        disabledColor="#ffffff"
+                        placeholder="请选择行业类型"
+                        border="none"
+                    ></u--input>
+                    <u-icon slot="right" name="arrow-right"></u-icon>
+                </u-form-item>
+                <u-form-item
+                    label="工种"
+                    prop="skillNames"
+                    labelWidth="80"
+                    borderBottom
+                    @click="
+                        showSkills = true;
+                        hideKeyboard();
+                    "
+                    ref="item6"
+                >
+                    <u--input
+                        v-model="info.skillNames"
+                        disabledColor="#ffffff"
+                        placeholder="请选择工种"
+                        border="none"
+                    ></u--input>
+                    <u-icon slot="right" name="arrow-right"></u-icon>
+                </u-form-item>
+                <u-form-item label="岗位描述" labelWidth="80" ref="item1"></u-form-item>
+                <view>
+                    <u--textarea
+                        v-model="info.jobDescription"
+                        placeholder="参考示例:任务名称:保姆 工作内容: 一日三餐,卫生打扫 工资: 200元/天 年龄要求: 25-40岁 工作经验要求: 有过住家保姆经验, 会做饭,受过高等教育的优先"
+                        count
+                        height="100"
+                        maxlength="200"
+                    ></u--textarea>
+                </view>
+                <u-form-item prop="jobDescription" borderBottom labelWidth="80" ref="item1"></u-form-item>
+                <view style="font-size: 30rpx; font-weight: bold; padding: 20rpx 0 0">人员要求</view>
+                <!-- <u-form-item label="人员属性" prop="userNature" labelWidth="80" borderBottom
+					@click="showNature = true; hideKeyboard()" ref="item7">
+					<u--input v-model="info.userNature" disabledColor="#ffffff" placeholder="请选择人员属性"
+						border="none"></u--input>
+					<u-icon slot="right" name="arrow-right"></u-icon>
+				</u-form-item> -->
+                <u-form-item
+                    label="年龄要求"
+                    prop="ageDesc"
+                    labelWidth="80"
+                    borderBottom
+                    @click="
+                        showAge = true;
+                        hideKeyboard();
+                    "
+                    ref="item8"
+                >
+                    <u--input
+                        v-model="info.ageDesc"
+                        disabledColor="#ffffff"
+                        placeholder="请选择年龄要求"
+                        border="none"
+                    ></u--input>
+                    <u-icon slot="right" name="arrow-right"></u-icon>
+                </u-form-item>
+                <u-form-item
+                    label="学历要求"
+                    prop="educationLabel"
+                    labelWidth="80"
+                    borderBottom
+                    @click="
+                        showEdu = true;
+                        hideKeyboard();
+                    "
+                    ref="item9"
+                >
+                    <u--input
+                        v-model="info.educationLabel"
+                        disabledColor="#ffffff"
+                        placeholder="请选择学历要求"
+                        border="none"
+                    ></u--input>
+                    <u-icon slot="right" name="arrow-right"></u-icon>
+                </u-form-item>
+                <u-form-item
+                    label="经验要求"
+                    prop="experienceDesc"
+                    labelWidth="80"
+                    borderBottom
+                    @click="
+                        showExpe = true;
+                        hideKeyboard();
+                    "
+                    ref="item10"
+                >
+                    <u--input
+                        v-model="info.experienceDesc"
+                        disabledColor="#ffffff"
+                        placeholder="请选择学历要求"
+                        border="none"
+                    ></u--input>
+                    <u-icon slot="right" name="arrow-right"></u-icon>
+                </u-form-item>
+                <view style="font-size: 30rpx; font-weight: bold; padding: 20rpx 0 0">企业信息</view>
+                <u-form-item label="用工单位" prop="jobCompanyName" borderBottom labelWidth="80" ref="item1">
+                    <u--input
+                        v-model="info.jobCompanyName"
+                        :disabled="true"
+                        border="none"
+                        disabledColor="#ffffff"
+                        placeholder="请输入用工单位"
+                    ></u--input>
+                </u-form-item>
+                <u-form-item label="企业信用代码" prop="jobCompanyScale" borderBottom labelWidth="80" ref="item1">
+                    <u--input
+                        v-model="info.jobCompanyScale"
+                        border="none"
+                        :disabled="true"
+                        disabledColor="#ffffff"
+                        placeholder="请输入企业信用代码"
+                    ></u--input>
+                </u-form-item>
+                <u-form-item label="所属行业" prop="jobCompanyIndustry" borderBottom labelWidth="80" ref="item1">
+                    <u--input
+                        v-model="info.jobCompanyIndustry"
+                        border="none"
+                        :disabled="true"
+                        disabledColor="#ffffff"
+                        placeholder="请输入所属行业"
+                    ></u--input>
+                </u-form-item>
+                <u-form-item label="所属社区" prop="createDept" borderBottom labelWidth="80" ref="item1">
+                    <custom-tree-select
+                        style="width: 100%"
+                        :listData="deptTreeData"
+                        v-model="info.createDept"
+                        data-label="title"
+                        data-value="value"
+                        boxStyle="border: 0; paddingLeft: 0;"
+                        search
+                        border
+                        placeholder="请选择所属社区"
+                    />
+                </u-form-item>
+                <u-form-item label="企业性质" prop="jobCompanyNature" borderBottom labelWidth="80" ref="item1">
+                    <u--input
+                        v-model="info.jobCompanyNature"
+                        border="none"
+                        :disabled="true"
+                        disabledColor="#ffffff"
+                        placeholder="请输入企业性质"
+                    ></u--input>
+                </u-form-item>
+                <u-form-item label="企业介绍" labelWidth="80" ref="item1"></u-form-item>
+                <view>
+                    <u--textarea
+                        v-model="info.jobCompanyDescription"
+                        placeholder="请输入企业介绍"
+                        count
+                        height="100"
+                        maxlength="200"
+                    ></u--textarea>
+                </view>
+                <u-form-item prop="jobCompanyDescription" borderBottom labelWidth="80" ref="item1"></u-form-item>
+                <u-form-item label="联系人" prop="callName" borderBottom labelWidth="80" ref="item1">
+                    <u--input v-model="info.callName" border="none" placeholder="请输入联系人"></u--input>
+                </u-form-item>
+                <u-form-item label="手机号" prop="callTel" borderBottom labelWidth="80" ref="item1">
+                    <u--input v-model="info.callTel" border="none" placeholder="请输入手机号"></u--input>
+                </u-form-item>
+                <u-form-item label="座机" prop="callNumber" borderBottom labelWidth="80" ref="item1">
+                    <u--input v-model="info.callNumber" border="none" placeholder="请输入座机"></u--input>
+                </u-form-item>
+                <u-form-item
+                    label="注册地址"
+                    labelWidth="70"
+                    prop="cityId"
+                    borderBottom
+                    ref="item1"
+                    @click="
+                        showCityId = true;
+                        hideKeyboard();
+                    "
+                >
+                    <PickerTree
+                        placeholder="请选择注册地址"
+                        :tree="area.data"
+                        valueName="value"
+                        :visibel="showCityId"
+                        v-model="info.cityId"
+                        @cancel="showCityId = false"
+                        border="none"
+                        returnValue="label"
+                        :deep="3"
+                    ></PickerTree>
+                </u-form-item>
+                <u-form-item label="工作地址" prop="address" borderBottom labelWidth="80" ref="item1">
+                    <view
+                        class="addressinfo"
+                        @click="selectMap"
+                        :style="`fontSize: 15px;color: ${info.address ? '#333333' : '#c0c4cc'}`"
+                    >
+                        {{ info.address || '请选择' }}
+                    </view>
+                    <!--  <textarea placeholder-style="color: rgb(192, 196, 204); fontSize: 15px" @focus="selectMap"
+                        v-model="info.address" placeholder="请输入详细地址" style="width: 100%;" /> -->
+                    <!-- <lin-select :list="addressOptions" value-key="location" name-key="title" max-height="180"
+                        :loading="loading" loading-text="数据加载中" placeholder="请输入详细地址" @input="selectInput"
+                        v-model="info.address" @confirm="selectConfirm" /> -->
+                </u-form-item>
+                <!-- <view class="map">
+                    <super-map ref="uMap" style="width: 100%;height: 100%;" :latitude="latitude" :longitude="longitude"
+                        :open="true" :zoom="14" :min-zoom="10" :max-zoom="20" @regionchange="show = false"
+                        :MapUrl="$config.supperMap" :flag-tip="false"></super-map>
+                </view> -->
+                <!-- <map class="map" :latitude="latitude" :longitude="longitude" :markers="covers"></map> -->
+            </u--form>
+            <u-button type="primary" text="提交" customStyle="margin-top: 50px" @click="submit"></u-button>
+            <u-button type="error" text="重置" customStyle="margin-top: 10px" @click="reset"></u-button>
+            <u-picker
+                :show="showWage"
+                ref="wagePicker"
+                keyName="label"
+                :columns="wageColumns"
+                @confirm="wageConfirm"
+                @cancel="wageClose"
+                @close="wageClose"
+            ></u-picker>
+            <u-picker
+                :show="showTrade"
+                ref="tradePicker"
+                keyName="name"
+                :columns="tradeColumns"
+                @confirm="tradeConfirm"
+                @cancel="tradeClose"
+                @close="tradeClose"
+            ></u-picker>
+            <u-picker
+                :show="showSkills"
+                ref="skillPicker"
+                keyName="name"
+                :columns="skillColumns"
+                @change="skillsChange"
+                @confirm="skillConfirm"
+                @cancel="skillClose"
+                @close="skillClose"
+            ></u-picker>
+            <!-- <u-picker :show="showNature" ref="naturePicker"  :columns="natureColumns"
+				@confirm="natureConfirm" @cancel="natureClose" @close="natureClose">
+			</u-picker> -->
+            <u-picker
+                :show="showAge"
+                ref="agePicker"
+                keyName="label"
+                :columns="ageColumns"
+                @confirm="ageConfirm"
+                @cancel="ageClose"
+                @close="ageClose"
+            ></u-picker>
+            <u-picker
+                :show="showEdu"
+                ref="eduPicker"
+                keyName="label"
+                :columns="eduColumns"
+                @confirm="eduConfirm"
+                @cancel="eduClose"
+                @close="eduClose"
+            ></u-picker>
+            <u-picker
+                :show="showExpe"
+                ref="expePicker"
+                keyName="label"
+                :columns="expeColumns"
+                @confirm="expeConfirm"
+                @cancel="expeClose"
+                @close="expeClose"
+            ></u-picker>
+            <u-datetime-picker
+                :show="showStime"
+                :value="birthday"
+                mode="date"
+                closeOnClickOverlay
+                @confirm="stimeConfirm"
+                @cancel="stimeClose"
+                @close="stimeClose"
+            ></u-datetime-picker>
+            <u-datetime-picker
+                :show="showEtime"
+                :value="birthday"
+                mode="date"
+                closeOnClickOverlay
+                @confirm="etimeConfirm"
+                @cancel="etimeClose"
+                @close="etimeClose"
+            ></u-datetime-picker>
+
+            <sylj-selectLocation
+                ref="selectLocationPop"
+                @ok="selectedOk"
+                :apikey="$config.apiKey"
+            ></sylj-selectLocation>
+        </view>
+    </view>
+</template>
+
+<script>
+import dic from '@/common/dic.js';
+import { submitInfo, getWorktypesBaseList, findTradeList, getDictionary, getDeptAllTree } from '@/api/userrecruit.js';
+import PickerTree from './enterpriceCertification/pickerTree.vue';
+import syljSelectLocation from '@/components/sylj-selectLocation/sylj-selectLocation.vue';
+import { mapGetters } from 'vuex';
+import { querySearch } from '../../../api/map';
+import { debounce } from '@/untils/tools.js';
+export default {
+    data() {
+        return {
+            deptTreeData: [],
+            addressOptions: [],
+            loading: false,
+            latitude: 31.05, //中心点
+            longitude: 104.2,
+            covers: [
+                {
+                    //marker标记位置
+                    id: 0,
+                    latitude: 0,
+                    longitude: 0,
+                    // width:30,
+                    // height:30,
+                    iconPath: '../../../static/img/location.png',
+                },
+            ],
+            value2: '招工内容',
+            fileList1: [],
+            disabled1: false,
+            tips: '',
+            value: '',
+            showCalendar: false,
+            showStime: false,
+            showCityId: false,
+            showEtime: false,
+            info: {
+                jobName: '', // 招工名称
+                stime: '', // 发布时间
+                etime: '', // 结束时间
+                peopleNum: '', // 招聘人数
+                wage: '', // 参考工资
+                wageUnitCategory: '', // 工资单位
+                wageUnitCategoryName: '',
+                tradeId: '', // 行业类型id
+                tradeNames: '', // 行业类型名称
+                worktypeIds: '', // 工种一级id
+                skillIds: '', // 工种二级id
+                worktypeNames: '', // 工种名称
+                skillNames: '', // 工种二级名称
+                jobDescription: '', // 任务描述
+                // userNature: '', // 人员属性
+                educationLabel: dic.eduArr[0][0].label, // 学历要求前端显示
+                ageDesc: dic.ageArr[0][0].label, // 年龄要求
+                education: dic.eduArr[0][0].value, // 学历要求
+                experienceDesc: dic.expeArr[0][0].label, // 经验要求
+                cityId: '',
+                jobCompanyName: '', // 用工单位
+                jobCompanyScale: '', // 企业信用代码
+                jobCompanyIndustry: '', // 所属行业
+                jobCompanyNature: '', // 企业性质
+                jobCompanyDescription: '', // 企业介绍
+                callName: '', // 联系人
+                callTel: '', // 手机号
+                callNumber: '', // 座机
+                address: '', // 公司详细地址
+                createDept: [],
+                // userInfo: {
+                // 	name: '楼兰',
+                // 	sex: '',
+                // 	birthday: ''
+                // },
+                // radiovalue1: '苹果',
+                // checkboxValue1: [],
+                // intro: '',
+                // code: ''
+            },
+            showWage: false, // 参考工资选项是否展示
+            showTrade: false, // 行业类型是否显示
+            showSkills: false, // 工种类型是否显示
+            showNature: false, // 人员属性
+            showAge: false, // 年龄要求
+            showEdu: false, // 学历要求
+            showExpe: false, // 经验要求
+            birthday: Number(new Date()),
+            wageColumns: dic.wageUnitCategoryState,
+            tradeColumns: dic.tradeArr,
+            skillColumns: [],
+            skillColumnsIndex: [0, 0],
+            natureColumns: dic.natureArr,
+            ageColumns: dic.ageArr,
+            eduColumns: dic.eduArr,
+            expeColumns: dic.expeArr,
+            wallMaxAndMin: [],
+            rules: {
+                jobName: {
+                    type: 'string',
+                    required: true,
+                    message: '请输入招工名称',
+                    trigger: ['change'],
+                },
+                stime: {
+                    type: 'string',
+                    required: true,
+                    message: '请输入开始时间',
+                    trigger: ['change'],
+                },
+                etime: {
+                    type: 'string',
+                    required: true,
+                    message: '请选择结束时间',
+                    trigger: ['change'],
+                },
+                peopleNum: {
+                    type: 'number',
+                    required: true,
+                    message: '请输入招聘人数',
+                    trigger: ['change'],
+                },
+                wage: {
+                    type: 'string',
+                    required: true,
+                    message: '请输入参考工资',
+                    trigger: ['change'],
+                },
+                tradeNames: {
+                    type: 'string',
+                    required: true,
+                    message: '请选择行业类型',
+                    trigger: ['change'],
+                },
+                skillNames: {
+                    type: 'string',
+                    required: true,
+                    message: '请选择工种',
+                    trigger: ['change'],
+                },
+                jobDescription: {
+                    type: 'string',
+                    min: 20,
+                    required: true,
+                    message: '请输入岗位描述，最少20个字符',
+                    trigger: ['change'],
+                },
+                ageDesc: {
+                    type: 'string',
+                    required: true,
+                    message: '请选择年龄',
+                    trigger: ['change'],
+                },
+                educationLabel: {
+                    type: 'string',
+                    required: true,
+                    message: '请选择学历',
+                    trigger: ['change'],
+                },
+                experienceDesc: {
+                    type: 'string',
+                    required: true,
+                    message: '请选择经验要求',
+                    trigger: ['change'],
+                },
+                cityId: {
+                    type: 'string',
+                    required: true,
+                    message: '请选择注册地址',
+                    trigger: ['change'],
+                },
+                jobCompanyName: {
+                    type: 'string',
+                    required: true,
+                    message: '请输入用工单位',
+                    trigger: ['change'],
+                },
+                jobCompanyScale: {
+                    type: 'string',
+                    required: true,
+                    message: '请输入企业信用代码',
+                    trigger: ['change'],
+                },
+                jobCompanyIndustry: {
+                    type: 'string',
+                    required: true,
+                    message: '请输入所属行业',
+                    trigger: ['change'],
+                },
+                jobCompanyNature: {
+                    type: 'string',
+                    required: true,
+                    message: '请输入企业性质',
+                    trigger: ['change'],
+                },
+                jobCompanyDescription: {
+                    type: 'string',
+                    required: true,
+                    message: '请输入企业介绍',
+                    trigger: ['change'],
+                },
+                callName: {
+                    type: 'string',
+                    required: true,
+                    message: '请输入联系人',
+                    trigger: ['change'],
+                },
+                callTel: {
+                    type: 'string',
+                    required: true,
+                    message: '请输入手机号',
+                    trigger: ['change'],
+                },
+                address: {
+                    type: 'string',
+                    required: true,
+                    message: '请输入工作地址',
+                    trigger: ['change'],
+                },
+                createDept: {
+                    type: 'array',
+                    required: true,
+                    message: '请选择所属社区',
+                    trigger: ['change'],
+                },
+            },
+        };
+    },
+    components: {
+        PickerTree,
+    },
+    props: {
+        company: {
+            default: null,
+        },
+    },
+    computed: {
+        ...mapGetters(['area']),
+    },
+    created() {
+        const { id: staId, label: staLabel } = dic.wageUnitCategoryState[0].filter((item) => item.id == 3)[0];
+        this.info.wageUnitCategory = staId;
+        this.info.wageUnitCategoryName = staLabel;
+        this.getTreeDept();
+        if (this.company) {
+            this.backfill(this.company);
+        }
+        this.getWorkTypes();
+        this.dictionary();
+    },
+    watch: {
+        company(val) {
+            if (!val) return;
+            this.backfill(val);
+        },
+    },
+    methods: {
+        selectedOk(data) {
+            const { infomation, location, name, address } = data;
+            const { lon, lat } = location;
+            this.latitude = lat;
+            this.longitude = lon;
+            this.info.address = `${data.address}${data.name && '(' + data.name + ')'}`;
+        },
+        selectMap() {
+            const that = this;
+            // uni.getLocation({
+            //     type: 'wgs84',
+            //     success: function(res) {
+            //         console.log(res)
+            //         uni.hideLoading();
+            //         console.log('当前位置的经度：' + res.longitude);
+            //         console.log('当前位置的纬度：' + res.latitude);
+            //         // that.$refs.selectLocationPop.open(res.longitude, res.latitude, that.$config.apiKey);
+
+            //     },
+            //     fail: function(err) {
+            //         console.log('获取失败');
+            //         uni.hideLoading();
+
+            //     },
+
+            // });
+            that.$refs.selectLocationPop.open(that.longitude, that.latitude, that.$config.apiKey);
+            console.log(this.latitude, this.longitude);
+            console.log('聚焦');
+        },
+        async getTreeDept() {
+            let resData = await getDeptAllTree();
+            if (resData.data.code === 200) {
+                this.deptTreeData = resData.data.data;
+                console.log('dept', resData.data.data);
+            }
+        },
+        selectInput: debounce(function (val) {
+            // querySearch(val, '3CXBZ-SKHCL-QC6PH-MLJAE-ZYCFK-6MBR5').then(res => {
+            //     console.log(res)
+            //     if (res.data.status === 0) {
+            //         this.addressOptions = res.data.data;
+            //     }
+            // });
+        }, 600),
+        selectConfirm() {},
+        onBlurWage(value) {
+            const val = this.wallMaxAndMin;
+            if (!val.length) {
+                return;
+            }
+            switch (true) {
+                case value < Math.min(...val):
+                    this.info.wage = String(Math.min(...val));
+                    return;
+                case value > Math.max(...val):
+                    this.info.wage = String(Math.max(...val));
+                    return;
+            }
+        },
+        async dictionary() {
+            let params = {
+                code: `wages_limit_${this.info.wageUnitCategory}`,
+            };
+            this.info.wage = '';
+            let resData = await getDictionary(params);
+            if (resData.data.code === 200) {
+                const arr = resData.data.data.map((item) => Number(item.dictKey));
+                this.wallMaxAndMin = arr;
+            }
+        },
+        async backfill(info) {
+            console.log(info, 'bos');
+            if (info.reviewState === 9) {
+                this.info.wage = info.wage;
+                this.info.jobName = info.jobName;
+                this.info.stime = info.stime;
+                this.info.etime = info.etime;
+                this.info.peopleNum = info.peopleNum;
+                this.info.tradeId = info.tradeId;
+                this.info.tradeNames = info.tradeNames;
+                this.info.worktypeIds = info.worktypeIds;
+                this.info.skillNames = info.skillNames;
+                this.info.jobDescription = info.jobDescription;
+                this.info.ageDesc = info.ageDesc;
+                this.info.education = info.education;
+                this.info.educationLabel = dic.eduArr[0].filter((vitem) => vitem.value === info.education)[0].label;
+                this.info.experienceDesc = info.experienceDesc;
+                this.info.cityId = info.cityId;
+                this.info.jobCompanyName = info.jobCompanyName;
+                this.info.jobCompanyScale = info.jobCompanyScale;
+                this.info.jobCompanyIndustry = info.jobCompanyIndustry;
+                this.info.jobCompanyNature = info.jobCompanyNature;
+                this.info.jobCompanyDescription = info.jobCompanyDescription;
+                this.info.createDept = [String(info.createDept)];
+                this.info.callName = info.callName;
+                this.info.callTel = info.callTel;
+                this.info.callNumber = info.callNumber;
+                this.info.address = info.address;
+            } else {
+                this.info.jobCompanyScale = info.companyTid;
+                this.info.jobCompanyName = info.comname;
+                this.info.callName = info.manager;
+                this.info.callTel = info.telphone;
+                this.info.jobCompanyDescription = info.companyDesc;
+                this.info.jobCompanyNature = info.companyNature;
+                // this.info.tradeId = info.tradeId
+                // this.info.tradeNames = info.tradeNames
+                this.info.jobCompanyIndustry = info.tradeNames;
+            }
+        },
+        wageConfirm(e) {
+            const { value } = e;
+            this.info.wageUnitCategoryName = value[0].label;
+            this.info.wageUnitCategory = value[0].id;
+            this.showWage = false;
+            this.dictionary();
+        },
+        tradeConfirm(e) {
+            const { value } = e;
+            this.info.tradeId = value[0].id;
+            this.info.tradeNames = value[0].name;
+            this.showTrade = false;
+        },
+        skillConfirm(e) {
+            const { value, indexs } = e;
+            this.skillColumnsIndex = indexs;
+            this.info.skillNames = this.getSkilDataNameWhereId(indexs).join('-');
+            this.showSkills = false;
+        },
+        ageConfirm(e) {
+            const { value } = e;
+            this.info.ageDesc = value[0].label;
+            this.showAge = false;
+        },
+        eduConfirm(e) {
+            const { value } = e;
+            this.info.education = value[0].value;
+            this.info.educationLabel = value[0].label;
+            this.showEdu = false;
+        },
+        expeConfirm(e) {
+            const { value } = e;
+            this.info.experienceDesc = value[0].label;
+            this.showExpe = false;
+        },
+        expeClose() {
+            this.showExpe = false;
+        },
+        eduClose() {
+            this.showEdu = false;
+        },
+        ageClose() {
+            this.showAge = false;
+        },
+        skillClose() {
+            this.showSkills = false;
+        },
+        wageClose(e) {
+            this.showWage = false;
+        },
+        tradeClose(e) {
+            this.showTrade = false;
+        },
+        sexSelect(e) {
+            this.info.userInfo.sex = e.name;
+            this.$refs.form1.validateField('userInfo.sex');
+        },
+        change(e) {
+            // console.log(e);
+        },
+        formatter(day) {
+            const d = new Date();
+            let month = d.getMonth() + 1;
+            const date = d.getDate();
+            if (day.month == month && day.day == date + 3) {
+                day.bottomInfo = '有优惠';
+                day.dot = true;
+            }
+            return day;
+        },
+        calendarConfirm(e) {
+            this.showCalendar = false;
+            this.info.hotel = `${e[0]} / ${e[e.length - 1]}`;
+            this.$refs.form1.validateField('hotel');
+        },
+        codeChange(text) {
+            this.tips = text;
+        },
+        getCode() {
+            if (this.$refs.uCode.canGetCode) {
+                // 模拟向后端请求验证码
+                uni.showLoading({
+                    title: '正在获取验证码',
+                });
+                setTimeout(() => {
+                    uni.hideLoading();
+                    // 这里此提示会被this.start()方法中的提示覆盖
+                    uni.$u.toast('验证码已发送');
+                    // 通知验证码组件内部开始倒计时
+                    this.$refs.uCode.start();
+                }, 2000);
+            } else {
+                uni.$u.toast('倒计时结束后再发送');
+            }
+        },
+        calendarClose() {
+            this.showCalendar = false;
+            this.$refs.form1.validateField('hotel');
+        },
+        stimeClose() {
+            this.showStime = false;
+            this.$refs.form1.validateField('userInfo.birthday');
+        },
+        stimeConfirm(e) {
+            this.showStime = false;
+            this.info.stime = uni.$u.timeFormat(e.value, 'yyyy-mm-dd') + ' 00:00:00';
+            this.$refs.form1.validateField('userInfo.birthday');
+        },
+        etimeClose() {
+            this.showEtime = false;
+            this.$refs.form1.validateField('userInfo.birthday');
+        },
+        etimeConfirm(e) {
+            this.showEtime = false;
+            this.info.etime = uni.$u.timeFormat(e.value, 'yyyy-mm-dd') + ' 23:59:59';
+            this.$refs.form1.validateField('userInfo.birthday');
+        },
+        submit() {
+            // 如果有错误，会在catch中返回报错信息数组，校验通过则在then中返回true
+            // this.$refs.form1.validate().then(res => {
+            // 	uni.$u.toast('校验通过')
+            // }).catch(errors => {
+            // 	uni.$u.toast('校验失败')
+            // })
+            let vali = [''];
+            const names = this.getSkilDataNameWhereId(this.skillColumnsIndex, true);
+            const ids = this.getSkilDataNameWhereId(this.skillColumnsIndex, false);
+            this.info.jobType = 0;
+            let params = {
+                ...this.info,
+                worktypeIds: ids[0], // 工种一级id
+                skillIds: ids[1], // 工种二级id
+                worktypeNames: names[0], // 工种名称
+                skillNames: names[1], // 工种二级名称
+            };
+            if (this.company.reviewState === 9) {
+                params.id = this.company.id;
+            }
+            let that = this;
+            this.$refs.form1
+                .validate()
+                .then((res) => {
+                    if (!this.info.wageUnitCategory) {
+                        return this.$api.msg('请选择参考工资单位');
+                    }
+                    params.lon = that.longitude;
+                    params.lat = that.latitude;
+                    params.createDept = params.createDept[0];
+                    submitInfo(params).then((res) => {
+                        if (res.data.code == 200) {
+                            that.reset();
+                            uni.$u.toast('发布成功');
+                            setTimeout(() => {
+                                this.navTo('/pages/recruit/subPage/index');
+                            }, 1000);
+                        }
+                    });
+                })
+                .catch((errors) => {
+                    uni.$u.toast('请完善内容');
+                });
+        },
+        reset() {
+            // jobCompanyName: '', // 用工单位
+            // jobCompanyScale: '', // 企业信用代码
+            // jobCompanyIndustry: '', // 所属行业
+            // jobCompanyNature: '', // 企业性质
+            // jobCompanyDescription: '', // 企业介绍
+            const validateList = [
+                'jobName',
+                'stime',
+                'etime',
+                'peopleNum',
+                'wage',
+                'tradeId',
+                'tradeNames',
+                'worktypeIds',
+                'skillIds',
+                'worktypeNames',
+                'skillNames',
+                'jobDescription',
+                'ageDesc',
+                'education',
+                'educationLabel',
+                'experienceDesc',
+                'cityId',
+                'jobCompanyName',
+                'jobCompanyScale',
+                'jobCompanyIndustry',
+                'jobCompanyNature',
+                'jobCompanyDescription',
+                'createDept',
+                'callName',
+                'callTel',
+                'callNumber',
+                'address',
+            ];
+            this.$refs.form1.resetFields();
+            this.$refs.form1.clearValidate();
+            setTimeout(() => {
+                this.$refs.form1.clearValidate(validateList);
+                this.backfill(this.company);
+                // 或者使用 this.$refs.form1.clearValidate()
+            }, 10);
+        },
+        hideKeyboard() {
+            uni.hideKeyboard();
+        },
+        skillsChange(e) {
+            const { columnIndex, index, picker = this.$refs.uPicker } = e;
+            let [index1, index2] = this.skillColumnsIndex;
+            switch (columnIndex) {
+                case 0:
+                    index1 = index;
+                    index2 = 0;
+                    break;
+                case 1:
+                    index2 = index;
+                    break;
+            }
+            const Indexs = [index1, index2];
+            picker.setColumnValues(
+                1,
+                this.skillData[index1].child.map((item) => item.name)
+            );
+            this.skillColumnsIndex = Indexs;
+        },
+        getSkilDataNameWhereId(Indexs, type = true) {
+            if (!this.skillData) {
+                return;
+            }
+            const [index1, index2] = Indexs;
+            const work1 = this.skillData[index1];
+            const work2 = work1.child[index2];
+            if (type) {
+                return [work1.name, work2.name];
+            } else {
+                return [work1.id, work2.id];
+            }
+        },
+        async getWorkTypes() {
+            let resData = await getWorktypesBaseList({
+                type: 1,
+            });
+            if (resData.data.code === 200) {
+                const { data } = resData.data;
+                const arr = [];
+                // 1、 空间换时间策略/user/userrecruit/saveApp
+                arr.push(data.map((item) => item.name));
+                arr.push(data[0].child.map((item) => item.name));
+                this.skillColumnsIndex = [0, 0];
+                this.skillData = data;
+                this.skillColumns = arr;
+            }
+        },
+    },
+};
+</script>
+
+<style>
+.map {
+    width: 100%;
+    height: 350rpx;
+    margin-top: 30rpx;
+}
+
+.wageunitLeft {
+    border-left: 3rpx solid rgb(192, 196, 204, 0.6);
+    padding-left: 20rpx;
+}
+
+::v-deep .wageunitLeft .u-form-item__body {
+    padding: 0;
+}
+
+.addressinfo {
+    width: 100%;
+    height: fit-content;
+    min-height: 21px;
+}
+</style>
diff --git a/pages/recruit/subPage/work.vue b/pages/recruit/subPage/work.vue
index eed2184..f9b53a9 100644
--- a/pages/recruit/subPage/work.vue
+++ b/pages/recruit/subPage/work.vue
@@ -1,853 +1,1048 @@
-<!-- 发布岗位 -->
-<template>
-    <view>
-        <view class="u-demo-block__content">
-            <!-- 注意，如果需要兼容微信小程序，最好通过setRules方法设置rules规则 -->
-            <u--form labelPosition="left" :model="info" ref="form1" :rules="rules">
-                <view style="font-size: 30rpx;font-weight: bold;padding: 20rpx 0 0;">岗位信息</view>
-                <u-form-item label="岗位名称" prop="jobName" borderBottom labelWidth="80" ref="item1">
-                    <u--input v-model="info.jobName" border="none" placeholder="请输入岗位名称"></u--input>
-                </u-form-item>
-                <u-form-item label="发布时间" labelWidth="80" prop="stime" borderBottom
-                    @click="showStime = true; hideKeyboard()" ref="item1">
-                    <u--input v-model="info.stime" disabledColor="#ffffff" placeholder="请选择发布时间"
-                        border="none"></u--input>
-                    <u-icon slot="right" name="arrow-right"></u-icon>
-                </u-form-item>
-                <u-form-item label="结束时间" labelWidth="80" prop="etime" borderBottom
-                    @click="showEtime = true; hideKeyboard()" ref="item2">
-                    <u--input v-model="info.etime" disabledColor="#ffffff" placeholder="请选择结束时间"
-                        border="none"></u--input>
-                    <u-icon slot="right" name="arrow-right"></u-icon>
-                </u-form-item>
-                <view style="font-size: 30rpx;font-weight: bold;padding: 20rpx 0 0;">岗位要求</view>
-                <u-form-item label="招聘人数" prop="peopleNum" borderBottom labelWidth="80" ref="item3">
-                    <u--input type="number" v-model="info.peopleNum" border="none" maxlength="7"
-                        placeholder="请输入招聘人数"></u--input>
-                </u-form-item>
-                <!-- <u-form-item label="参考工资" prop="wage" labelWidth="80" borderBottom
-					@click="showWage = true; hideKeyboard()" ref="item4">
-					<u--input v-model="info.wage" disabledColor="#ffffff" placeholder="请选择参考工资"
-						border="none"></u--input>
-					<u-icon slot="right" name="arrow-right"></u-icon>
-				</u-form-item> -->
-                <u-form-item label="参考工资" prop="wage" borderBottom labelWidth="80" ref="item1">
-                    <u--input v-model="info.wage" border="none" type="number" maxlength="7" @blur="onBlurWage"
-                        placeholder="请输入参考工资">
-                        <template slot="suffix">
-                            <u-form-item class="wageunitLeft" prop="wageUnitCategory" labelWidth="0" border="surround"
-                                @click="showWage = true; hideKeyboard()" ref="item4">
-                                <u--input v-model="info.wageUnitCategoryName" disabledColor="#ffffff"
-                                    placeholder="请选择单位" style="width: 80px;" border="none"></u--input>
-                                <u-icon slot="right" name="arrow-right"></u-icon>
-                            </u-form-item>
-                        </template>
-                    </u--input>
-                </u-form-item>
-                <u-form-item label="行业类型" prop="tradeNames" labelWidth="80" borderBottom
-                    @click="showTrade = true; hideKeyboard()" ref="item4">
-                    <u--input v-model="info.tradeNames" disabledColor="#ffffff" placeholder="请选择行业类型"
-                        border="none"></u--input>
-                    <u-icon slot="right" name="arrow-right"></u-icon>
-                </u-form-item>
-
-                <u-form-item label="工种" prop="skillNames" labelWidth="80" borderBottom
-                    @click="showSkills = true; hideKeyboard()" ref="item4">
-                    <u--input v-model="info.skillNames" disabledColor="#ffffff" placeholder="请选择工种"
-                        border="none"></u--input>
-                    <u-icon slot="right" name="arrow-right"></u-icon>
-                </u-form-item>
-
-                <u-form-item label="岗位描述" labelWidth="80" ref="item1">
-                </u-form-item>
-                <view>
-                    <u--textarea v-model="info.jobDescription"
-                        placeholder="参考示例:岗位名称:保姆 工作内容: 一日三餐,卫生打扫 工资: 200元/天 年龄要求: 25-40岁 工作经验要求: 有过住家保姆经验, 会做饭,受过高等教育的优先"
-                        count height="100" maxlength="200"></u--textarea>
-                </view>
-                <u-form-item prop="jobDescription" borderBottom labelWidth="80" ref="item1">
-                </u-form-item>
-                <view style="font-size: 30rpx;font-weight: bold;padding: 20rpx 0 0;">人员要求</view>
-                <!-- <u-form-item label="人员属性" prop="userNature" labelWidth="80" borderBottom
-					@click="showNature = true; hideKeyboard()" ref="item4">
-					<u--input v-model="info.userNature"  disabledColor="#ffffff" placeholder="请选择人员属性"
-						border="none"></u--input>
-					<u-icon slot="right" name="arrow-right"></u-icon>
-				</u-form-item> -->
-                <u-form-item label="年龄要求" prop="ageDesc" labelWidth="80" borderBottom
-                    @click="showAge = true; hideKeyboard()" ref="item4">
-                    <u--input v-model="info.ageDesc" disabledColor="#ffffff" placeholder="请选择年龄要求"
-                        border="none"></u--input>
-                    <u-icon slot="right" name="arrow-right"></u-icon>
-                </u-form-item>
-                <u-form-item label="学历要求" prop="educationLabel" labelWidth="80" borderBottom
-                    @click="showEdu = true; hideKeyboard()" ref="item4">
-                    <u--input v-model="info.educationLabel" disabledColor="#ffffff" placeholder="请选择学历要求"
-                        border="none"></u--input>
-                    <u-icon slot="right" name="arrow-right"></u-icon>
-                </u-form-item>
-                <u-form-item label="经验要求" prop="experienceDesc" labelWidth="80" borderBottom
-                    @click="showExpe = true; hideKeyboard()" ref="item4">
-                    <u--input v-model="info.experienceDesc" disabledColor="#ffffff" placeholder="请选择学历要求"
-                        border="none"></u--input>
-                    <u-icon slot="right" name="arrow-right"></u-icon>
-                </u-form-item>
-                <view style="font-size: 30rpx;font-weight: bold;padding: 20rpx 0 0;">企业信息</view>
-                <u-form-item label="用工单位" prop="jobCompanyName" borderBottom labelWidth="80" ref="item1">
-                    <u--input v-model="info.jobCompanyName" border="none" :disabled="true" disabledColor="#ffffff"
-                        placeholder="请输入用工单位"></u--input>
-                </u-form-item>
-                <u-form-item label="企业信用代码" prop="jobCompanyScale" borderBottom labelWidth="80" ref="item1">
-                    <u--input v-model="info.jobCompanyScale" border="none" :disabled="true" disabledColor="#ffffff"
-                        placeholder="请输入企业信用代码"></u--input>
-                </u-form-item>
-                <u-form-item label="所属行业" prop="jobCompanyIndustry" borderBottom labelWidth="80" ref="item1">
-                    <u--input v-model="info.jobCompanyIndustry" border="none" placeholder="请输入所属行业" :disabled="true"
-                        disabledColor="#ffffff"></u--input>
-                </u-form-item>
-                <u-form-item label="所属社区" prop="createDept" borderBottom labelWidth="80" ref="item1">
-                    <custom-tree-select style="width: 100%;" ceilStyle="border: 0;" :listData="deptTreeData"
-                        v-model="info.createDept" data-label="title" data-value="id"
-                        boxStyle="border: 0; paddingLeft: 0;" search border placeholder="请选择所属社区" />
-                </u-form-item>
-                <u-form-item label="企业性质" prop="jobCompanyNature" borderBottom labelWidth="80" ref="item1">
-                    <u--input v-model="info.jobCompanyNature" border="none" placeholder="请输入企业性质" :disabled="true"
-                        disabledColor="#ffffff"></u--input>
-                </u-form-item>
-                <u-form-item label="企业介绍" labelWidth="80" ref="item1"></u-form-item>
-                <view>
-                    <u--textarea v-model="info.jobCompanyDescription" placeholder="请输入企业介绍" count height="100"
-                        maxlength="200"></u--textarea>
-                </view>
-                <u-form-item prop="jobCompanyDescription" borderBottom labelWidth="80" ref="item1"></u-form-item>
-                <u-form-item label="联系人" prop="callName" borderBottom labelWidth="80" ref="item1">
-                    <u--input v-model="info.callName" border="none" placeholder="请输入联系人"></u--input>
-                </u-form-item>
-                <u-form-item label="手机号" prop="callTel" borderBottom labelWidth="80" ref="item1">
-                    <u--input v-model="info.callTel" border="none" placeholder="请输入手机号"></u--input>
-                </u-form-item>
-                <u-form-item label="座机" prop="callNumber" borderBottom labelWidth="80" ref="item1">
-                    <u--input v-model="info.callNumber" border="none" placeholder="请输入座机"></u--input>
-                </u-form-item>
-                <u-form-item label="工作地址" labelWidth="70" prop="cityId" borderBottom ref="item1"
-                    @click="showCityId = true; hideKeyboard()">
-                    <PickerTree placeholder="请选择注册地址" :tree="area.data" valueName="value" :visibel="showCityId"
-                        v-model="info.cityId" @cancel="showCityId = false" border="none" returnValue="label" :deep="3">
-                    </PickerTree>
-                </u-form-item>
-                <u-form-item label="详细地址" prop="address" borderBottom labelWidth="80" ref="item1">
-                    <view class="addressinfo" @click="selectMap"
-                        :style="`fontSize: 15px;color: ${info.address ? '#333333' : '#c0c4cc'}`">
-                        {{info.address || '请选择'}}
-                    </view>
-                    <!-- <u--input v-model="info.address" border="none" placeholder="请输入详细地址"></u--input> -->
-                </u-form-item>
-                <!--   <view class="map">
-                    <super-map ref="uMap" style="width: 100%;height: 100%;" :latitude="latitude" :longitude="longitude"
-                        :open="true" :zoom="14" :min-zoom="10" :max-zoom="20" :MapUrl="$config.supperMap"
-                        :flag-tip="false"></super-map>
-                </view> -->
-                <!-- <map class="map" :latitude="latitude" :longitude="longitude" :markers="covers"></map> -->
-            </u--form>
-            <u-button type="primary" text="提交" customStyle="margin-top: 50px" @click="submit"></u-button>
-            <u-button type="error" text="重置" customStyle="margin-top: 10px" @click="reset"></u-button>
-            <u-picker :show="showWage" ref="wagePicker" keyName="label" :columns="wageColumns" @confirm="wageConfirm"
-                @cancel="wageClose" @close="wageClose">
-            </u-picker>
-            <u-picker :show="showTrade" ref="tradePicker" keyName="name" :columns="tradeColumns" @confirm="tradeConfirm"
-                @cancel="tradeClose" @close="tradeClose">
-            </u-picker>
-            <u-picker :show="showSkills" ref="skillPicker" keyName="name" :columns="skillColumns" @change="skillsChange"
-                @confirm="skillConfirm" @cancel="skillClose" @close="skillClose">
-            </u-picker>
-            <!-- <u-picker :show="showNature" ref="naturePicker"  :columns="natureColumns"
-				@confirm="natureConfirm" @cancel="natureClose" @close="natureClose">
-			</u-picker> -->
-            <u-picker :show="showAge" ref="agePicker" keyName="label" :columns="ageColumns" @confirm="ageConfirm"
-                @cancel="ageClose" @close="ageClose">
-            </u-picker>
-            <u-picker :show="showEdu" ref="eduPicker" keyName="label" :columns="eduColumns" @confirm="eduConfirm"
-                @cancel="eduClose" @close="eduClose">
-            </u-picker>
-            <u-picker :show="showExpe" ref="expePicker" keyName="label" :columns="expeColumns" @confirm="expeConfirm"
-                @cancel="expeClose" @close="expeClose">
-            </u-picker>
-            <u-datetime-picker :show="showStime" :value="birthday" mode="date" closeOnClickOverlay
-                @confirm="stimeConfirm" @cancel="stimeClose" @close="stimeClose"></u-datetime-picker>
-            <u-datetime-picker :show="showEtime" :value="birthday" mode="date" closeOnClickOverlay
-                @confirm="etimeConfirm" @cancel="etimeClose" @close="etimeClose"></u-datetime-picker>
-        </view>
-        <sylj-selectLocation ref="selectLocationPop" @ok="selectedOk" :apikey="$config.apiKey"></sylj-selectLocation>
-    </view>
-</template>
-
-<script>
-    import dic from '@/common/dic.js'
-    import {
-        submitInfo,
-        getWorktypesBaseList,
-        findTradeList,
-        getDictionary,
-        getDeptAllTree
-    } from '@/api/userrecruit.js'
-    import PickerTree from './enterpriceCertification/pickerTree.vue'
-    import syljSelectLocation from '@/components/sylj-selectLocation/sylj-selectLocation.vue'
-    import {
-        mapGetters
-    } from 'vuex'
-    export default {
-        data() {
-            return {
-                deptTreeData: [],
-                latitude: 31.05, //中心点
-                longitude: 104.20,
-                covers: [{ //marker标记位置
-                    id: 0,
-                    latitude: 0,
-                    longitude: 0,
-                    // width:30,
-                    // height:30,
-                    iconPath: '../../../static/img/location.png'
-                }],
-                value2: '招工内容',
-                fileList1: [],
-                disabled1: false,
-                tips: '',
-                value: '',
-                showCalendar: false,
-                showStime: false,
-                showEtime: false,
-                showCityId: false,
-                info: {
-                    jobName: '', // 招工名称
-                    stime: '', // 发布时间
-                    etime: '', // 结束时间
-                    peopleNum: '', // 招聘人数
-                    wage: '', // 参考工资
-                    wageUnitCategory: '', // 工资单位
-                    wageUnitCategoryName: '',
-                    tradeId: '', // 行业类型id
-                    tradeNames: '', // 行业类型名称
-                    worktypeIds: '', // 工种一级id
-                    skillIds: '', // 工种二级id
-                    worktypeNames: '', // 工种名称
-                    skillNames: '', // 工种二级名称
-                    jobDescription: '', // 任务描述
-                    // userNature: '', // 人员属性
-                    educationLabel: dic.eduArr[0][0].label, // 学历要求前端显示
-                    ageDesc: dic.ageArr[0][0].label, // 年龄要求
-                    education: dic.eduArr[0][0].value, // 学历要求
-                    experienceDesc: dic.expeArr[0][0].label, // 经验要求
-                    cityId: '',
-                    jobCompanyName: '', // 用工单位
-                    jobCompanyScale: '', // 企业信用代码
-                    jobCompanyIndustry: '', // 所属行业
-                    jobCompanyNature: '', // 企业性质
-                    jobCompanyDescription: '', // 企业介绍
-                    callName: '', // 联系人
-                    callTel: '', // 手机号
-                    callNumber: '', // 座机
-                    address: '', // 公司详细地址
-                    // userInfo: {
-                    // 	name: '楼兰',
-                    // 	sex: '',
-                    // 	birthday: ''
-                    // },
-                    // radiovalue1: '苹果',
-                    // checkboxValue1: [],
-                    // intro: '',
-                    // code: ''
-                },
-                showWage: false, // 参考工资选项是否展示
-                showTrade: false, // 行业类型是否显示
-                showSkills: false, // 工种类型是否显示
-                showNature: false, // 人员属性
-                showAge: false, // 年龄要求
-                showEdu: false, // 学历要求
-                showExpe: false, // 经验要求
-                birthday: Number(new Date()),
-                wageColumns: dic.workwageUnitCategoryState,
-                tradeColumns: dic.tradeArr,
-                skillColumns: [],
-                skillColumnsIndex: [0, 0, 0],
-                natureColumns: dic.natureArr,
-                ageColumns: dic.ageArr,
-                eduColumns: dic.eduArr,
-                expeColumns: dic.expeArr,
-                wallMaxAndMin: [],
-                rules: {
-                    jobName: {
-                        type: 'string',
-                        required: true,
-                        message: '请输入招工名称',
-                        trigger: ['change']
-                    },
-                    stime: {
-                        type: 'string',
-                        required: true,
-                        message: '请输入开始时间',
-                        trigger: ['change']
-                    },
-                    etime: {
-                        type: 'string',
-                        required: true,
-                        message: '请选择结束时间',
-                        trigger: ['change']
-                    },
-                    peopleNum: {
-                        type: 'number',
-                        required: true,
-                        message: '请输入招聘人数',
-                        trigger: ['change']
-                    },
-                    wage: {
-                        type: 'string',
-                        required: true,
-                        message: '请输入参考工资',
-                        trigger: ['change']
-                    },
-                    tradeNames: {
-                        type: 'string',
-                        required: true,
-                        message: '请选择行业类型',
-                        trigger: ['change']
-                    },
-                    skillNames: {
-                        type: 'string',
-                        required: true,
-                        message: '请选择工种',
-                        trigger: ['change']
-                    },
-                    jobDescription: {
-                        type: 'string',
-                        min: 20,
-                        required: true,
-                        message: '请输入任务描述，最少20个字符',
-                        trigger: ['change']
-                    },
-                    ageDesc: {
-                        type: 'string',
-                        required: true,
-                        message: '请选择年龄',
-                        trigger: ['change']
-                    },
-                    educationLabel: {
-                        type: 'string',
-                        required: true,
-                        message: '请选择学历',
-                        trigger: ['change']
-                    },
-                    experienceDesc: {
-                        type: 'string',
-                        required: true,
-                        message: '请选择经验要求',
-                        trigger: ['change']
-                    },
-                    cityId: {
-                        type: 'string',
-                        required: true,
-                        message: '请选择注册地址',
-                        trigger: ['change']
-                    },
-                    jobCompanyName: {
-                        type: 'string',
-                        required: true,
-                        message: '请输入用工单位',
-                        trigger: ['change']
-                    },
-                    jobCompanyScale: {
-                        type: 'string',
-                        required: true,
-                        message: '请输入企业信用代码',
-                        trigger: ['change']
-                    },
-                    jobCompanyIndustry: {
-                        type: 'string',
-                        required: true,
-                        message: '请输入所属行业',
-                        trigger: ['change']
-                    },
-                    jobCompanyNature: {
-                        type: 'string',
-                        required: true,
-                        message: '请输入企业性质',
-                        trigger: ['change']
-                    },
-                    jobCompanyDescription: {
-                        type: 'string',
-                        required: true,
-                        message: '请输入企业介绍',
-                        trigger: ['change']
-                    },
-                    callName: {
-                        type: 'string',
-                        required: true,
-                        message: '请输入联系人',
-                        trigger: ['change']
-                    },
-                    callTel: {
-                        type: 'string',
-                        required: true,
-                        message: '请输入手机号',
-                        trigger: ['change']
-                    },
-                    address: {
-                        type: 'string',
-                        required: true,
-                        message: '请输入工作地址',
-                        trigger: ['change']
-                    },
-                    createDept: {
-                        type: 'array',
-                        required: true,
-                        message: '请选择所属社区',
-                        trigger: ['change']
-                    }
-                },
-            }
-        },
-        props: {
-            company: {
-                default: null,
-            }
-        },
-        watch: {
-            company(val) {
-                if (!val) return;
-                this.getDataInit(val)
-            }
-        },
-        components: {
-            PickerTree,
-            syljSelectLocation
-        },
-        computed: {
-            ...mapGetters(['area'])
-        },
-        created() {
-            const {
-                id: staId,
-                label: staLabel
-            } = dic.wageUnitCategoryState[0].filter(item => item.id == 3)[0]
-            this.info.wageUnitCategory = staId
-            this.info.wageUnitCategoryName = staLabel
-            console.log(this.area)
-            this.getTreeDept()
-            this.getWorkTypes()
-            this.dictionary()
-            if (this.company) {
-                this.getDataInit(this.company)
-            }
-        },
-        methods: {
-            selectedOk(data) {
-                const {
-                    infomation,
-                    location,
-                    name,
-                    address
-                } = data
-                const {
-                    lon,
-                    lat
-                } = location
-                this.latitude = lat
-                this.longitude = lon
-                this.info.address = `${data.address}${ data.name && '(' + data.name + ')' }`
-            },
-            selectMap() {
-                const that = this
-                // uni.getLocation({
-                //     type: 'wgs84',
-                //     success: function(res) {
-                //         console.log(res)
-                //         uni.hideLoading();
-                //         console.log('当前位置的经度：' + res.longitude);
-                //         console.log('当前位置的纬度：' + res.latitude);
-                //         // that.$refs.selectLocationPop.open(res.longitude, res.latitude, that.$config.apiKey);
-
-                //     },
-                //     fail: function(err) {
-                //         console.log('获取失败');
-                //         uni.hideLoading();
-
-                //     },
-
-                // });
-                that.$refs.selectLocationPop.open(that.longitude, that.latitude, that.$config.apiKey);
-            },
-            async getTreeDept() {
-                let resData = await getDeptAllTree()
-                if (resData.data.code === 200) {
-                    this.deptTreeData = resData.data.data
-                }
-            },
-            onBlurWage(value) {
-                const val = this.wallMaxAndMin
-                if (!val.length) {
-                    return;
-                }
-                switch (true) {
-                    case value < Math.min(...val):
-                        this.info.wage = String(Math.min(...val))
-                        return
-                    case value > Math.max(...val):
-                        this.info.wage = String(Math.max(...val))
-                        return
-                }
-            },
-            async dictionary() {
-                let params = {
-                    code: `wages_limit_${this.info.wageUnitCategory}`
-                }
-                this.info.wage = ''
-                let resData = await getDictionary(params)
-                if (resData.data.code === 200) {
-                    const arr = resData.data.data.map((item) => Number(item.dictKey))
-                    this.wallMaxAndMin = arr
-                }
-            },
-            async getDataInit(info) {
-                if (info.reviewState === 9) {
-                    this.info.wage = info.wage
-                    this.info.jobName = info.jobName
-                    this.info.stime = info.stime
-                    this.info.etime = info.etime
-                    this.info.peopleNum = info.peopleNum
-                    this.info.tradeId = info.tradeId
-                    this.info.tradeNames = info.tradeNames
-                    this.info.worktypeIds = info.worktypeIds
-                    this.info.skillNames = info.skillNames
-                    this.info.jobDescription = info.jobDescription
-                    this.info.ageDesc = info.ageDesc
-                    this.info.education = info.education
-                    this.info.educationLabel = dic.eduArr[0].filter((vitem) => vitem.value === info.education)[0]
-                        .label
-                    this.info.experienceDesc = info.experienceDesc
-                    this.info.cityId = info.cityId
-                    this.info.jobCompanyName = info.jobCompanyName
-                    this.info.jobCompanyScale = info.jobCompanyScale
-                    this.info.jobCompanyIndustry = info.jobCompanyIndustry
-                    this.info.jobCompanyNature = info.jobCompanyNature
-                    this.info.jobCompanyDescription = info.jobCompanyDescription
-                    this.info.callName = info.callName
-                    this.info.createDept = [String(info.createDept)]
-                    this.info.callTel = info.callTel
-                    this.info.callNumber = info.callNumber
-                    this.info.address = info.address
-                } else {
-                    this.info.jobCompanyScale = info.companyTid
-                    this.info.jobCompanyName = info.comname
-                    this.info.callName = info.manager
-                    this.info.callTel = info.telphone
-                    this.info.jobCompanyDescription = info.companyDesc
-                    this.info.jobCompanyNature = info.companyNature
-                    // this.info.tradeId = info.tradeId
-                    // this.info.tradeNames = info.tradeNames
-                    this.info.jobCompanyIndustry = info.tradeNames
-                }
-            },
-
-            wageConfirm(e) {
-                const {
-                    value
-                } = e
-                this.info.wageUnitCategoryName = value[0].label
-                this.info.wageUnitCategory = value[0].id
-                this.showWage = false
-                this.dictionary()
-            },
-            tradeConfirm(e) {
-                const {
-                    value
-                } = e
-                this.info.tradeId = value[0].id
-                this.info.tradeNames = value[0].name
-                this.showTrade = false
-            },
-            skillConfirm(e) {
-                const {
-                    value,
-                    indexs
-                } = e
-                this.skillColumnsIndex = indexs
-                this.info.skillNames = this.getSkilDataNameWhereId(indexs).join('-')
-                this.showSkills = false
-            },
-            // natureConfirm(e) {
-            // 	const { value } = e
-            // 	this.info.userNature = value[0]
-            // 	this.showNature = false
-            // },
-            ageConfirm(e) {
-                const {
-                    value
-                } = e
-                this.info.ageDesc = value[0].label
-                this.showAge = false
-            },
-            eduConfirm(e) {
-                const {
-                    value
-                } = e
-                this.info.education = value[0].value
-                this.info.educationLabel = value[0].label
-                this.showEdu = false
-            },
-            expeConfirm(e) {
-                const {
-                    value
-                } = e
-                this.info.experienceDesc = value[0].label
-                this.showExpe = false
-            },
-            expeClose() {
-                this.showExpe = false
-            },
-            eduClose() {
-                this.showEdu = false
-            },
-            ageClose() {
-                this.showAge = false
-            },
-            // natureClose() {
-            // 	this.showNature = false
-            // },
-            skillClose() {
-                this.showSkills = false
-            },
-            wageClose(e) {
-                this.showWage = false
-            },
-            tradeClose(e) {
-                this.showTrade = false
-            },
-            sexSelect(e) {
-                this.info.userInfo.sex = e.name
-                this.$refs.form1.validateField('userInfo.sex')
-            },
-            change(e) {
-                // console.log(e);
-            },
-            formatter(day) {
-                const d = new Date()
-                let month = d.getMonth() + 1
-                const date = d.getDate()
-                if (day.month == month && day.day == date + 3) {
-                    day.bottomInfo = '有优惠'
-                    day.dot = true
-                }
-                return day
-            },
-            calendarConfirm(e) {
-                this.showCalendar = false
-                this.info.hotel = `${e[0]} / ${e[e.length - 1]}`
-                this.$refs.form1.validateField('hotel')
-            },
-            codeChange(text) {
-                this.tips = text;
-            },
-            getCode() {
-                if (this.$refs.uCode.canGetCode) {
-                    // 模拟向后端请求验证码
-                    uni.showLoading({
-                        title: '正在获取验证码'
-                    })
-                    setTimeout(() => {
-                        uni.hideLoading();
-                        // 这里此提示会被this.start()方法中的提示覆盖
-                        uni.$u.toast('验证码已发送');
-                        // 通知验证码组件内部开始倒计时
-                        this.$refs.uCode.start();
-                    }, 2000);
-                } else {
-                    uni.$u.toast('倒计时结束后再发送');
-                }
-            },
-            calendarClose() {
-                this.showCalendar = false
-                this.$refs.form1.validateField('hotel')
-            },
-            stimeClose() {
-                this.showStime = false
-                this.$refs.form1.validateField('userInfo.birthday')
-            },
-            stimeConfirm(e) {
-                this.showStime = false
-                this.info.stime = uni.$u.timeFormat(e.value, 'yyyy-mm-dd') + ' 00:00:00'
-                this.$refs.form1.validateField('userInfo.birthday')
-            },
-            etimeClose() {
-                this.showEtime = false
-                this.$refs.form1.validateField('userInfo.birthday')
-            },
-            etimeConfirm(e) {
-                this.showEtime = false
-                this.info.etime = uni.$u.timeFormat(e.value, 'yyyy-mm-dd') + ' 23:59:59'
-                this.$refs.form1.validateField('userInfo.birthday')
-            },
-            submit() {
-                // 如果有错误，会在catch中返回报错信息数组，校验通过则在then中返回true
-                // this.$refs.form1.validate().then(res => {
-                // 	uni.$u.toast('校验通过')
-                // }).catch(errors => {
-                // 	uni.$u.toast('校验失败')
-                // })
-                const names = this.getSkilDataNameWhereId(this.skillColumnsIndex, true)
-                const ids = this.getSkilDataNameWhereId(this.skillColumnsIndex, false)
-                this.info.jobType = 1
-                let params = {
-                    ...this.info,
-                    worktypeIds: ids.join(','),
-                    worktypeNames: names.join(',')
-                }
-                console.log(this.company)
-                if (this.company.reviewState === 9) {
-                    params.id = this.company.id
-                }
-                let that = this
-                this.$refs.form1.validate().then(res => {
-                    if (!this.info.wageUnitCategory) {
-                        return this.$api.msg('请选择参考工资单位')
-                    }
-                    params.lon = that.longitude
-                    params.lat = that.latitude
-                    params.createDept = params.createDept[0]
-                    submitInfo(params).then(res => {
-                        if (res.data.code == 200) {
-                            that.reset()
-                            uni.$u.toast('发布成功')
-                            setTimeout(() => {
-                                this.navTo('/pages/recruit/subPage/index')
-                            }, 1000)
-                        }
-                    })
-                }).catch(errors => {
-                    uni.$u.toast('请完善内容')
-                })
-
-            },
-            getSkilDataNameWhereId(Indexs, type = true) {
-                if (!this.skillData) {
-                    return
-                }
-                const [index1, index2, index3] = Indexs
-                const work1 = this.skillData[index1]
-                const work2 = work1.child[index2]
-                const work3 = work2.child[index3]
-                if (type) {
-                    return [work1.name, work2.name, work3.name]
-                } else {
-                    return [work1.id, work2.id, work3.id]
-                }
-            },
-            reset() {
-                const validateList = [
-                    'jobName',
-                    'stime',
-                    'etime',
-                    'peopleNum',
-                    'wage',
-                    'tradeId',
-                    'tradeNames',
-                    'worktypeIds',
-                    'skillIds',
-                    'worktypeNames',
-                    'skillNames',
-                    'jobDescription',
-                    'ageDesc',
-                    'education',
-                    'educationLabel',
-                    'experienceDesc',
-                    'cityId',
-                    'jobCompanyName',
-                    'jobCompanyScale',
-                    'jobCompanyIndustry',
-                    'jobCompanyNature',
-                    'jobCompanyDescription',
-                    'callName',
-                    'createDept',
-                    'callTel',
-                    'callNumber',
-                    'address'
-                ]
-                this.$refs.form1.resetFields()
-                this.$refs.form1.clearValidate()
-                setTimeout(() => {
-                    this.$refs.form1.clearValidate(validateList)
-                    // 或者使用 this.$refs.form1.clearValidate()
-                }, 10)
-            },
-            hideKeyboard() {
-                uni.hideKeyboard()
-            },
-            skillsChange(e) {
-                const {
-                    columnIndex,
-                    index,
-                    picker = this.$refs.uPicker
-                } = e
-                let [index1, index2, index3] = this.skillColumnsIndex
-                switch (columnIndex) {
-                    case 0:
-                        index1 = index;
-                        index2 = 0
-                        index3 = 0
-                        break
-                    case 1:
-                        index2 = index;
-                        index3 = 0
-                        break
-                    case 2:
-                        index3 = index
-                        break
-                }
-                const Indexs = [index1, index2, index3]
-                picker.setColumnValues(1, this.skillData[index1].child.map((item) => item.name))
-                picker.setColumnValues(2, this.skillData[index1].child[index2].child.map((item) => item.name))
-                this.skillColumnsIndex = Indexs
-            },
-            async getWorkTypes() {
-                let resData = await getWorktypesBaseList({
-                    type: 2
-                })
-                if (resData.data.code === 200) {
-                    const {
-                        data
-                    } = resData.data
-                    const arr = []
-                    // 1、 空间换时间策略/user/userrecruit/saveApp
-                    arr.push(data.map((item) => item.name));
-                    arr.push(data[0].child.map((item) => item.name))
-                    arr.push(data[0].child[0].child.map((item) => item.name))
-                    this.skillColumnsIndex = [0, 0, 0]
-                    this.skillData = data
-                    this.skillColumns = arr
-                }
-            }
-        }
-    }
-</script>
-
-<style>
-    .map {
-        width: 100%;
-        height: 350rpx;
-        margin-top: 30rpx;
-    }
-
-    .wageunitLeft {
-        border-left: 3rpx solid rgb(192, 196, 204, 0.6);
-        padding-left: 20rpx;
-    }
-
-    /deep/.wageunitLeft .u-form-item__body {
-        padding: 0;
-    }
-
-    .addressinfo {
-        width: 100%;
-        height: fit-content;
-        min-height: 21px;
-    }
-</style>
\ No newline at end of file
+<!-- 发布岗位 -->
+<template>
+    <view>
+        <view class="u-demo-block__content">
+            <!-- 注意，如果需要兼容微信小程序，最好通过setRules方法设置rules规则 -->
+            <u--form labelPosition="left" :model="info" ref="form1" :rules="rules">
+                <view style="font-size: 30rpx; font-weight: bold; padding: 20rpx 0 0">岗位信息</view>
+                <u-form-item label="岗位名称" prop="jobName" borderBottom labelWidth="80" ref="item1">
+                    <u--input v-model="info.jobName" border="none" placeholder="请输入岗位名称"></u--input>
+                </u-form-item>
+                <u-form-item
+                    label="发布时间"
+                    labelWidth="80"
+                    prop="stime"
+                    borderBottom
+                    @click="
+                        showStime = true;
+                        hideKeyboard();
+                    "
+                    ref="item1"
+                >
+                    <u--input
+                        v-model="info.stime"
+                        disabledColor="#ffffff"
+                        placeholder="请选择发布时间"
+                        border="none"
+                    ></u--input>
+                    <u-icon slot="right" name="arrow-right"></u-icon>
+                </u-form-item>
+                <u-form-item
+                    label="结束时间"
+                    labelWidth="80"
+                    prop="etime"
+                    borderBottom
+                    @click="
+                        showEtime = true;
+                        hideKeyboard();
+                    "
+                    ref="item2"
+                >
+                    <u--input
+                        v-model="info.etime"
+                        disabledColor="#ffffff"
+                        placeholder="请选择结束时间"
+                        border="none"
+                    ></u--input>
+                    <u-icon slot="right" name="arrow-right"></u-icon>
+                </u-form-item>
+                <view style="font-size: 30rpx; font-weight: bold; padding: 20rpx 0 0">岗位要求</view>
+                <u-form-item label="招聘人数" prop="peopleNum" borderBottom labelWidth="80" ref="item3">
+                    <u--input
+                        type="number"
+                        v-model="info.peopleNum"
+                        border="none"
+                        maxlength="7"
+                        placeholder="请输入招聘人数"
+                    ></u--input>
+                </u-form-item>
+                <!-- <u-form-item label="参考工资" prop="wage" labelWidth="80" borderBottom
+					@click="showWage = true; hideKeyboard()" ref="item4">
+					<u--input v-model="info.wage" disabledColor="#ffffff" placeholder="请选择参考工资"
+						border="none"></u--input>
+					<u-icon slot="right" name="arrow-right"></u-icon>
+				</u-form-item> -->
+                <u-form-item label="参考工资" prop="wage" borderBottom labelWidth="80" ref="item1">
+                    <u--input
+                        v-model="info.wage"
+                        border="none"
+                        type="number"
+                        maxlength="7"
+                        @blur="onBlurWage"
+                        placeholder="请输入参考工资"
+                    >
+                        <template slot="suffix">
+                            <u-form-item
+                                class="wageunitLeft"
+                                prop="wageUnitCategory"
+                                labelWidth="0"
+                                border="surround"
+                                @click="
+                                    showWage = true;
+                                    hideKeyboard();
+                                "
+                                ref="item4"
+                            >
+                                <u--input
+                                    v-model="info.wageUnitCategoryName"
+                                    disabledColor="#ffffff"
+                                    placeholder="请选择单位"
+                                    style="width: 80px"
+                                    border="none"
+                                ></u--input>
+                                <u-icon slot="right" name="arrow-right"></u-icon>
+                            </u-form-item>
+                        </template>
+                    </u--input>
+                </u-form-item>
+                <u-form-item
+                    label="行业类型"
+                    prop="tradeNames"
+                    labelWidth="80"
+                    borderBottom
+                    @click="
+                        showTrade = true;
+                        hideKeyboard();
+                    "
+                    ref="item4"
+                >
+                    <u--input
+                        v-model="info.tradeNames"
+                        disabledColor="#ffffff"
+                        placeholder="请选择行业类型"
+                        border="none"
+                    ></u--input>
+                    <u-icon slot="right" name="arrow-right"></u-icon>
+                </u-form-item>
+
+                <u-form-item
+                    label="工种"
+                    prop="skillNames"
+                    labelWidth="80"
+                    borderBottom
+                    @click="
+                        showSkills = true;
+                        hideKeyboard();
+                    "
+                    ref="item4"
+                >
+                    <u--input
+                        v-model="info.skillNames"
+                        disabledColor="#ffffff"
+                        placeholder="请选择工种"
+                        border="none"
+                    ></u--input>
+                    <u-icon slot="right" name="arrow-right"></u-icon>
+                </u-form-item>
+
+                <u-form-item label="岗位描述" labelWidth="80" ref="item1"></u-form-item>
+                <view>
+                    <u--textarea
+                        v-model="info.jobDescription"
+                        placeholder="参考示例:岗位名称:保姆 工作内容: 一日三餐,卫生打扫 工资: 200元/天 年龄要求: 25-40岁 工作经验要求: 有过住家保姆经验, 会做饭,受过高等教育的优先"
+                        count
+                        height="100"
+                        maxlength="200"
+                    ></u--textarea>
+                </view>
+                <u-form-item prop="jobDescription" borderBottom labelWidth="80" ref="item1"></u-form-item>
+                <view style="font-size: 30rpx; font-weight: bold; padding: 20rpx 0 0">人员要求</view>
+                <!-- <u-form-item label="人员属性" prop="userNature" labelWidth="80" borderBottom
+					@click="showNature = true; hideKeyboard()" ref="item4">
+					<u--input v-model="info.userNature"  disabledColor="#ffffff" placeholder="请选择人员属性"
+						border="none"></u--input>
+					<u-icon slot="right" name="arrow-right"></u-icon>
+				</u-form-item> -->
+                <u-form-item
+                    label="年龄要求"
+                    prop="ageDesc"
+                    labelWidth="80"
+                    borderBottom
+                    @click="
+                        showAge = true;
+                        hideKeyboard();
+                    "
+                    ref="item4"
+                >
+                    <u--input
+                        v-model="info.ageDesc"
+                        disabledColor="#ffffff"
+                        placeholder="请选择年龄要求"
+                        border="none"
+                    ></u--input>
+                    <u-icon slot="right" name="arrow-right"></u-icon>
+                </u-form-item>
+                <u-form-item
+                    label="学历要求"
+                    prop="educationLabel"
+                    labelWidth="80"
+                    borderBottom
+                    @click="
+                        showEdu = true;
+                        hideKeyboard();
+                    "
+                    ref="item4"
+                >
+                    <u--input
+                        v-model="info.educationLabel"
+                        disabledColor="#ffffff"
+                        placeholder="请选择学历要求"
+                        border="none"
+                    ></u--input>
+                    <u-icon slot="right" name="arrow-right"></u-icon>
+                </u-form-item>
+                <u-form-item
+                    label="经验要求"
+                    prop="experienceDesc"
+                    labelWidth="80"
+                    borderBottom
+                    @click="
+                        showExpe = true;
+                        hideKeyboard();
+                    "
+                    ref="item4"
+                >
+                    <u--input
+                        v-model="info.experienceDesc"
+                        disabledColor="#ffffff"
+                        placeholder="请选择学历要求"
+                        border="none"
+                    ></u--input>
+                    <u-icon slot="right" name="arrow-right"></u-icon>
+                </u-form-item>
+                <view style="font-size: 30rpx; font-weight: bold; padding: 20rpx 0 0">企业信息</view>
+                <u-form-item label="用工单位" prop="jobCompanyName" borderBottom labelWidth="80" ref="item1">
+                    <u--input
+                        v-model="info.jobCompanyName"
+                        border="none"
+                        :disabled="true"
+                        disabledColor="#ffffff"
+                        placeholder="请输入用工单位"
+                    ></u--input>
+                </u-form-item>
+                <u-form-item label="企业信用代码" prop="jobCompanyScale" borderBottom labelWidth="80" ref="item1">
+                    <u--input
+                        v-model="info.jobCompanyScale"
+                        border="none"
+                        :disabled="true"
+                        disabledColor="#ffffff"
+                        placeholder="请输入企业信用代码"
+                    ></u--input>
+                </u-form-item>
+                <u-form-item label="所属行业" prop="jobCompanyIndustry" borderBottom labelWidth="80" ref="item1">
+                    <u--input
+                        v-model="info.jobCompanyIndustry"
+                        border="none"
+                        placeholder="请输入所属行业"
+                        :disabled="true"
+                        disabledColor="#ffffff"
+                    ></u--input>
+                </u-form-item>
+                <u-form-item label="所属社区" prop="createDept" borderBottom labelWidth="80" ref="item1">
+                    <custom-tree-select
+                        style="width: 100%"
+                        ceilStyle="border: 0;"
+                        :listData="deptTreeData"
+                        v-model="info.createDept"
+                        data-label="title"
+                        data-value="id"
+                        boxStyle="border: 0; paddingLeft: 0;"
+                        search
+                        border
+                        placeholder="请选择所属社区"
+                    />
+                </u-form-item>
+                <u-form-item label="企业性质" prop="jobCompanyNature" borderBottom labelWidth="80" ref="item1">
+                    <u--input
+                        v-model="info.jobCompanyNature"
+                        border="none"
+                        placeholder="请输入企业性质"
+                        :disabled="true"
+                        disabledColor="#ffffff"
+                    ></u--input>
+                </u-form-item>
+                <u-form-item label="企业介绍" labelWidth="80" ref="item1"></u-form-item>
+                <view>
+                    <u--textarea
+                        v-model="info.jobCompanyDescription"
+                        placeholder="请输入企业介绍"
+                        count
+                        height="100"
+                        maxlength="200"
+                    ></u--textarea>
+                </view>
+                <u-form-item prop="jobCompanyDescription" borderBottom labelWidth="80" ref="item1"></u-form-item>
+                <u-form-item label="联系人" prop="callName" borderBottom labelWidth="80" ref="item1">
+                    <u--input v-model="info.callName" border="none" placeholder="请输入联系人"></u--input>
+                </u-form-item>
+                <u-form-item label="手机号" prop="callTel" borderBottom labelWidth="80" ref="item1">
+                    <u--input v-model="info.callTel" border="none" placeholder="请输入手机号"></u--input>
+                </u-form-item>
+                <u-form-item label="座机" prop="callNumber" borderBottom labelWidth="80" ref="item1">
+                    <u--input v-model="info.callNumber" border="none" placeholder="请输入座机"></u--input>
+                </u-form-item>
+                <u-form-item
+                    label="工作地址"
+                    labelWidth="70"
+                    prop="cityId"
+                    borderBottom
+                    ref="item1"
+                    @click="
+                        showCityId = true;
+                        hideKeyboard();
+                    "
+                >
+                    <PickerTree
+                        placeholder="请选择注册地址"
+                        :tree="area.data"
+                        valueName="value"
+                        :visibel="showCityId"
+                        v-model="info.cityId"
+                        @cancel="showCityId = false"
+                        border="none"
+                        returnValue="label"
+                        :deep="3"
+                    ></PickerTree>
+                </u-form-item>
+                <u-form-item label="详细地址" prop="address" borderBottom labelWidth="80" ref="item1">
+                    <view
+                        class="addressinfo"
+                        @click="selectMap"
+                        :style="`fontSize: 15px;color: ${info.address ? '#333333' : '#c0c4cc'}`"
+                    >
+                        {{ info.address || '请选择' }}
+                    </view>
+                    <!-- <u--input v-model="info.address" border="none" placeholder="请输入详细地址"></u--input> -->
+                </u-form-item>
+                <!--   <view class="map">
+                    <super-map ref="uMap" style="width: 100%;height: 100%;" :latitude="latitude" :longitude="longitude"
+                        :open="true" :zoom="14" :min-zoom="10" :max-zoom="20" :MapUrl="$config.supperMap"
+                        :flag-tip="false"></super-map>
+                </view> -->
+                <!-- <map class="map" :latitude="latitude" :longitude="longitude" :markers="covers"></map> -->
+            </u--form>
+            <u-button type="primary" text="提交" customStyle="margin-top: 50px" @click="submit"></u-button>
+            <u-button type="error" text="重置" customStyle="margin-top: 10px" @click="reset"></u-button>
+            <u-picker
+                :show="showWage"
+                ref="wagePicker"
+                keyName="label"
+                :columns="wageColumns"
+                @confirm="wageConfirm"
+                @cancel="wageClose"
+                @close="wageClose"
+            ></u-picker>
+            <u-picker
+                :show="showTrade"
+                ref="tradePicker"
+                keyName="name"
+                :columns="tradeColumns"
+                @confirm="tradeConfirm"
+                @cancel="tradeClose"
+                @close="tradeClose"
+            ></u-picker>
+            <u-picker
+                :show="showSkills"
+                ref="skillPicker"
+                keyName="name"
+                :columns="skillColumns"
+                @change="skillsChange"
+                @confirm="skillConfirm"
+                @cancel="skillClose"
+                @close="skillClose"
+            ></u-picker>
+            <!-- <u-picker :show="showNature" ref="naturePicker"  :columns="natureColumns"
+				@confirm="natureConfirm" @cancel="natureClose" @close="natureClose">
+			</u-picker> -->
+            <u-picker
+                :show="showAge"
+                ref="agePicker"
+                keyName="label"
+                :columns="ageColumns"
+                @confirm="ageConfirm"
+                @cancel="ageClose"
+                @close="ageClose"
+            ></u-picker>
+            <u-picker
+                :show="showEdu"
+                ref="eduPicker"
+                keyName="label"
+                :columns="eduColumns"
+                @confirm="eduConfirm"
+                @cancel="eduClose"
+                @close="eduClose"
+            ></u-picker>
+            <u-picker
+                :show="showExpe"
+                ref="expePicker"
+                keyName="label"
+                :columns="expeColumns"
+                @confirm="expeConfirm"
+                @cancel="expeClose"
+                @close="expeClose"
+            ></u-picker>
+            <u-datetime-picker
+                :show="showStime"
+                :value="birthday"
+                mode="date"
+                closeOnClickOverlay
+                @confirm="stimeConfirm"
+                @cancel="stimeClose"
+                @close="stimeClose"
+            ></u-datetime-picker>
+            <u-datetime-picker
+                :show="showEtime"
+                :value="birthday"
+                mode="date"
+                closeOnClickOverlay
+                @confirm="etimeConfirm"
+                @cancel="etimeClose"
+                @close="etimeClose"
+            ></u-datetime-picker>
+        </view>
+        <sylj-selectLocation ref="selectLocationPop" @ok="selectedOk" :apikey="$config.apiKey"></sylj-selectLocation>
+    </view>
+</template>
+
+<script>
+import dic from '@/common/dic.js';
+import { submitInfo, getWorktypesBaseList, findTradeList, getDictionary, getDeptAllTree } from '@/api/userrecruit.js';
+import PickerTree from './enterpriceCertification/pickerTree.vue';
+import syljSelectLocation from '@/components/sylj-selectLocation/sylj-selectLocation.vue';
+import { mapGetters } from 'vuex';
+export default {
+    data() {
+        return {
+            deptTreeData: [],
+            latitude: 31.05, //中心点
+            longitude: 104.2,
+            covers: [
+                {
+                    //marker标记位置
+                    id: 0,
+                    latitude: 0,
+                    longitude: 0,
+                    // width:30,
+                    // height:30,
+                    iconPath: '../../../static/img/location.png',
+                },
+            ],
+            value2: '招工内容',
+            fileList1: [],
+            disabled1: false,
+            tips: '',
+            value: '',
+            showCalendar: false,
+            showStime: false,
+            showEtime: false,
+            showCityId: false,
+            info: {
+                jobName: '', // 招工名称
+                stime: '', // 发布时间
+                etime: '', // 结束时间
+                peopleNum: '', // 招聘人数
+                wage: '', // 参考工资
+                wageUnitCategory: '', // 工资单位
+                wageUnitCategoryName: '',
+                tradeId: '', // 行业类型id
+                tradeNames: '', // 行业类型名称
+                worktypeIds: '', // 工种一级id
+                skillIds: '', // 工种二级id
+                worktypeNames: '', // 工种名称
+                skillNames: '', // 工种二级名称
+                jobDescription: '', // 任务描述
+                // userNature: '', // 人员属性
+                educationLabel: dic.eduArr[0][0].label, // 学历要求前端显示
+                ageDesc: dic.ageArr[0][0].label, // 年龄要求
+                education: dic.eduArr[0][0].value, // 学历要求
+                experienceDesc: dic.expeArr[0][0].label, // 经验要求
+                cityId: '',
+                jobCompanyName: '', // 用工单位
+                jobCompanyScale: '', // 企业信用代码
+                jobCompanyIndustry: '', // 所属行业
+                jobCompanyNature: '', // 企业性质
+                jobCompanyDescription: '', // 企业介绍
+                callName: '', // 联系人
+                callTel: '', // 手机号
+                callNumber: '', // 座机
+                address: '', // 公司详细地址
+                // userInfo: {
+                // 	name: '楼兰',
+                // 	sex: '',
+                // 	birthday: ''
+                // },
+                // radiovalue1: '苹果',
+                // checkboxValue1: [],
+                // intro: '',
+                // code: ''
+            },
+            showWage: false, // 参考工资选项是否展示
+            showTrade: false, // 行业类型是否显示
+            showSkills: false, // 工种类型是否显示
+            showNature: false, // 人员属性
+            showAge: false, // 年龄要求
+            showEdu: false, // 学历要求
+            showExpe: false, // 经验要求
+            birthday: Number(new Date()),
+            wageColumns: dic.workwageUnitCategoryState,
+            tradeColumns: dic.tradeArr,
+            skillColumns: [],
+            skillColumnsIndex: [0, 0, 0],
+            natureColumns: dic.natureArr,
+            ageColumns: dic.ageArr,
+            eduColumns: dic.eduArr,
+            expeColumns: dic.expeArr,
+            wallMaxAndMin: [],
+            rules: {
+                jobName: {
+                    type: 'string',
+                    required: true,
+                    message: '请输入招工名称',
+                    trigger: ['change'],
+                },
+                stime: {
+                    type: 'string',
+                    required: true,
+                    message: '请输入开始时间',
+                    trigger: ['change'],
+                },
+                etime: {
+                    type: 'string',
+                    required: true,
+                    message: '请选择结束时间',
+                    trigger: ['change'],
+                },
+                peopleNum: {
+                    type: 'number',
+                    required: true,
+                    message: '请输入招聘人数',
+                    trigger: ['change'],
+                },
+                wage: {
+                    type: 'string',
+                    required: true,
+                    message: '请输入参考工资',
+                    trigger: ['change'],
+                },
+                tradeNames: {
+                    type: 'string',
+                    required: true,
+                    message: '请选择行业类型',
+                    trigger: ['change'],
+                },
+                skillNames: {
+                    type: 'string',
+                    required: true,
+                    message: '请选择工种',
+                    trigger: ['change'],
+                },
+                jobDescription: {
+                    type: 'string',
+                    min: 20,
+                    required: true,
+                    message: '请输入任务描述，最少20个字符',
+                    trigger: ['change'],
+                },
+                ageDesc: {
+                    type: 'string',
+                    required: true,
+                    message: '请选择年龄',
+                    trigger: ['change'],
+                },
+                educationLabel: {
+                    type: 'string',
+                    required: true,
+                    message: '请选择学历',
+                    trigger: ['change'],
+                },
+                experienceDesc: {
+                    type: 'string',
+                    required: true,
+                    message: '请选择经验要求',
+                    trigger: ['change'],
+                },
+                cityId: {
+                    type: 'string',
+                    required: true,
+                    message: '请选择注册地址',
+                    trigger: ['change'],
+                },
+                jobCompanyName: {
+                    type: 'string',
+                    required: true,
+                    message: '请输入用工单位',
+                    trigger: ['change'],
+                },
+                jobCompanyScale: {
+                    type: 'string',
+                    required: true,
+                    message: '请输入企业信用代码',
+                    trigger: ['change'],
+                },
+                jobCompanyIndustry: {
+                    type: 'string',
+                    required: true,
+                    message: '请输入所属行业',
+                    trigger: ['change'],
+                },
+                jobCompanyNature: {
+                    type: 'string',
+                    required: true,
+                    message: '请输入企业性质',
+                    trigger: ['change'],
+                },
+                jobCompanyDescription: {
+                    type: 'string',
+                    required: true,
+                    message: '请输入企业介绍',
+                    trigger: ['change'],
+                },
+                callName: {
+                    type: 'string',
+                    required: true,
+                    message: '请输入联系人',
+                    trigger: ['change'],
+                },
+                callTel: {
+                    type: 'string',
+                    required: true,
+                    message: '请输入手机号',
+                    trigger: ['change'],
+                },
+                address: {
+                    type: 'string',
+                    required: true,
+                    message: '请输入工作地址',
+                    trigger: ['change'],
+                },
+                createDept: {
+                    type: 'array',
+                    required: true,
+                    message: '请选择所属社区',
+                    trigger: ['change'],
+                },
+            },
+        };
+    },
+    props: {
+        company: {
+            default: null,
+        },
+    },
+    watch: {
+        company(val) {
+            if (!val) return;
+            this.getDataInit(val);
+        },
+    },
+    components: {
+        PickerTree,
+        syljSelectLocation,
+    },
+    computed: {
+        ...mapGetters(['area']),
+    },
+    created() {
+        const { id: staId, label: staLabel } = dic.wageUnitCategoryState[0].filter((item) => item.id == 3)[0];
+        this.info.wageUnitCategory = staId;
+        this.info.wageUnitCategoryName = staLabel;
+        console.log(this.area);
+        this.getTreeDept();
+        this.getWorkTypes();
+        this.dictionary();
+        if (this.company) {
+            this.getDataInit(this.company);
+        }
+    },
+    methods: {
+        selectedOk(data) {
+            const { infomation, location, name, address } = data;
+            const { lon, lat } = location;
+            this.latitude = lat;
+            this.longitude = lon;
+            this.info.address = `${data.address}${data.name && '(' + data.name + ')'}`;
+        },
+        selectMap() {
+            const that = this;
+            // uni.getLocation({
+            //     type: 'wgs84',
+            //     success: function(res) {
+            //         console.log(res)
+            //         uni.hideLoading();
+            //         console.log('当前位置的经度：' + res.longitude);
+            //         console.log('当前位置的纬度：' + res.latitude);
+            //         // that.$refs.selectLocationPop.open(res.longitude, res.latitude, that.$config.apiKey);
+
+            //     },
+            //     fail: function(err) {
+            //         console.log('获取失败');
+            //         uni.hideLoading();
+
+            //     },
+
+            // });
+            that.$refs.selectLocationPop.open(that.longitude, that.latitude, that.$config.apiKey);
+        },
+        async getTreeDept() {
+            let resData = await getDeptAllTree();
+            if (resData.data.code === 200) {
+                this.deptTreeData = resData.data.data;
+            }
+        },
+        onBlurWage(value) {
+            const val = this.wallMaxAndMin;
+            if (!val.length) {
+                return;
+            }
+            switch (true) {
+                case value < Math.min(...val):
+                    this.info.wage = String(Math.min(...val));
+                    return;
+                case value > Math.max(...val):
+                    this.info.wage = String(Math.max(...val));
+                    return;
+            }
+        },
+        async dictionary() {
+            let params = {
+                code: `wages_limit_${this.info.wageUnitCategory}`,
+            };
+            this.info.wage = '';
+            let resData = await getDictionary(params);
+            if (resData.data.code === 200) {
+                const arr = resData.data.data.map((item) => Number(item.dictKey));
+                this.wallMaxAndMin = arr;
+            }
+        },
+        async getDataInit(info) {
+            if (info.reviewState === 9) {
+                this.info.wage = info.wage;
+                this.info.jobName = info.jobName;
+                this.info.stime = info.stime;
+                this.info.etime = info.etime;
+                this.info.peopleNum = info.peopleNum;
+                this.info.tradeId = info.tradeId;
+                this.info.tradeNames = info.tradeNames;
+                this.info.worktypeIds = info.worktypeIds;
+                this.info.skillNames = info.skillNames;
+                this.info.jobDescription = info.jobDescription;
+                this.info.ageDesc = info.ageDesc;
+                this.info.education = info.education;
+                this.info.educationLabel = dic.eduArr[0].filter((vitem) => vitem.value === info.education)[0].label;
+                this.info.experienceDesc = info.experienceDesc;
+                this.info.cityId = info.cityId;
+                this.info.jobCompanyName = info.jobCompanyName;
+                this.info.jobCompanyScale = info.jobCompanyScale;
+                this.info.jobCompanyIndustry = info.jobCompanyIndustry;
+                this.info.jobCompanyNature = info.jobCompanyNature;
+                this.info.jobCompanyDescription = info.jobCompanyDescription;
+                this.info.callName = info.callName;
+                this.info.createDept = [String(info.createDept)];
+                this.info.callTel = info.callTel;
+                this.info.callNumber = info.callNumber;
+                this.info.address = info.address;
+            } else {
+                this.info.jobCompanyScale = info.companyTid;
+                this.info.jobCompanyName = info.comname;
+                this.info.callName = info.manager;
+                this.info.callTel = info.telphone;
+                this.info.jobCompanyDescription = info.companyDesc;
+                this.info.jobCompanyNature = info.companyNature;
+                // this.info.tradeId = info.tradeId
+                // this.info.tradeNames = info.tradeNames
+                this.info.jobCompanyIndustry = info.tradeNames;
+            }
+        },
+
+        wageConfirm(e) {
+            const { value } = e;
+            this.info.wageUnitCategoryName = value[0].label;
+            this.info.wageUnitCategory = value[0].id;
+            this.showWage = false;
+            this.dictionary();
+        },
+        tradeConfirm(e) {
+            const { value } = e;
+            this.info.tradeId = value[0].id;
+            this.info.tradeNames = value[0].name;
+            this.showTrade = false;
+        },
+        skillConfirm(e) {
+            const { value, indexs } = e;
+            this.skillColumnsIndex = indexs;
+            this.info.skillNames = this.getSkilDataNameWhereId(indexs).join('-');
+            this.showSkills = false;
+        },
+        // natureConfirm(e) {
+        // 	const { value } = e
+        // 	this.info.userNature = value[0]
+        // 	this.showNature = false
+        // },
+        ageConfirm(e) {
+            const { value } = e;
+            this.info.ageDesc = value[0].label;
+            this.showAge = false;
+        },
+        eduConfirm(e) {
+            const { value } = e;
+            this.info.education = value[0].value;
+            this.info.educationLabel = value[0].label;
+            this.showEdu = false;
+        },
+        expeConfirm(e) {
+            const { value } = e;
+            this.info.experienceDesc = value[0].label;
+            this.showExpe = false;
+        },
+        expeClose() {
+            this.showExpe = false;
+        },
+        eduClose() {
+            this.showEdu = false;
+        },
+        ageClose() {
+            this.showAge = false;
+        },
+        // natureClose() {
+        // 	this.showNature = false
+        // },
+        skillClose() {
+            this.showSkills = false;
+        },
+        wageClose(e) {
+            this.showWage = false;
+        },
+        tradeClose(e) {
+            this.showTrade = false;
+        },
+        sexSelect(e) {
+            this.info.userInfo.sex = e.name;
+            this.$refs.form1.validateField('userInfo.sex');
+        },
+        change(e) {
+            // console.log(e);
+        },
+        formatter(day) {
+            const d = new Date();
+            let month = d.getMonth() + 1;
+            const date = d.getDate();
+            if (day.month == month && day.day == date + 3) {
+                day.bottomInfo = '有优惠';
+                day.dot = true;
+            }
+            return day;
+        },
+        calendarConfirm(e) {
+            this.showCalendar = false;
+            this.info.hotel = `${e[0]} / ${e[e.length - 1]}`;
+            this.$refs.form1.validateField('hotel');
+        },
+        codeChange(text) {
+            this.tips = text;
+        },
+        getCode() {
+            if (this.$refs.uCode.canGetCode) {
+                // 模拟向后端请求验证码
+                uni.showLoading({
+                    title: '正在获取验证码',
+                });
+                setTimeout(() => {
+                    uni.hideLoading();
+                    // 这里此提示会被this.start()方法中的提示覆盖
+                    uni.$u.toast('验证码已发送');
+                    // 通知验证码组件内部开始倒计时
+                    this.$refs.uCode.start();
+                }, 2000);
+            } else {
+                uni.$u.toast('倒计时结束后再发送');
+            }
+        },
+        calendarClose() {
+            this.showCalendar = false;
+            this.$refs.form1.validateField('hotel');
+        },
+        stimeClose() {
+            this.showStime = false;
+            this.$refs.form1.validateField('userInfo.birthday');
+        },
+        stimeConfirm(e) {
+            this.showStime = false;
+            this.info.stime = uni.$u.timeFormat(e.value, 'yyyy-mm-dd') + ' 00:00:00';
+            this.$refs.form1.validateField('userInfo.birthday');
+        },
+        etimeClose() {
+            this.showEtime = false;
+            this.$refs.form1.validateField('userInfo.birthday');
+        },
+        etimeConfirm(e) {
+            this.showEtime = false;
+            this.info.etime = uni.$u.timeFormat(e.value, 'yyyy-mm-dd') + ' 23:59:59';
+            this.$refs.form1.validateField('userInfo.birthday');
+        },
+        submit() {
+            // 如果有错误，会在catch中返回报错信息数组，校验通过则在then中返回true
+            // this.$refs.form1.validate().then(res => {
+            // 	uni.$u.toast('校验通过')
+            // }).catch(errors => {
+            // 	uni.$u.toast('校验失败')
+            // })
+            const names = this.getSkilDataNameWhereId(this.skillColumnsIndex, true);
+            const ids = this.getSkilDataNameWhereId(this.skillColumnsIndex, false);
+            this.info.jobType = 1;
+            let params = {
+                ...this.info,
+                worktypeIds: ids.join(','),
+                worktypeNames: names.join(','),
+            };
+            console.log(this.company);
+            if (this.company.reviewState === 9) {
+                params.id = this.company.id;
+            }
+            let that = this;
+            this.$refs.form1
+                .validate()
+                .then((res) => {
+                    if (!this.info.wageUnitCategory) {
+                        return this.$api.msg('请选择参考工资单位');
+                    }
+                    params.lon = that.longitude;
+                    params.lat = that.latitude;
+                    params.createDept = params.createDept[0];
+                    submitInfo(params).then((res) => {
+                        if (res.data.code == 200) {
+                            that.reset();
+                            uni.$u.toast('发布成功');
+                            setTimeout(() => {
+                                this.navTo('/pages/recruit/subPage/index');
+                            }, 1000);
+                        }
+                    });
+                })
+                .catch((errors) => {
+                    uni.$u.toast('请完善内容');
+                });
+        },
+        getSkilDataNameWhereId(Indexs, type = true) {
+            if (!this.skillData) {
+                return;
+            }
+            const [index1, index2, index3] = Indexs;
+            const work1 = this.skillData[index1];
+            const work2 = work1.child[index2];
+            const work3 = work2.child[index3];
+            if (type) {
+                return [work1.name, work2.name, work3.name];
+            } else {
+                return [work1.id, work2.id, work3.id];
+            }
+        },
+        reset() {
+            const validateList = [
+                'jobName',
+                'stime',
+                'etime',
+                'peopleNum',
+                'wage',
+                'tradeId',
+                'tradeNames',
+                'worktypeIds',
+                'skillIds',
+                'worktypeNames',
+                'skillNames',
+                'jobDescription',
+                'ageDesc',
+                'education',
+                'educationLabel',
+                'experienceDesc',
+                'cityId',
+                'jobCompanyName',
+                'jobCompanyScale',
+                'jobCompanyIndustry',
+                'jobCompanyNature',
+                'jobCompanyDescription',
+                'callName',
+                'createDept',
+                'callTel',
+                'callNumber',
+                'address',
+            ];
+            this.$refs.form1.resetFields();
+            this.$refs.form1.clearValidate();
+            setTimeout(() => {
+                this.$refs.form1.clearValidate(validateList);
+                // 或者使用 this.$refs.form1.clearValidate()
+            }, 10);
+        },
+        hideKeyboard() {
+            uni.hideKeyboard();
+        },
+        skillsChange(e) {
+            const { columnIndex, index, picker = this.$refs.uPicker } = e;
+            let [index1, index2, index3] = this.skillColumnsIndex;
+            switch (columnIndex) {
+                case 0:
+                    index1 = index;
+                    index2 = 0;
+                    index3 = 0;
+                    break;
+                case 1:
+                    index2 = index;
+                    index3 = 0;
+                    break;
+                case 2:
+                    index3 = index;
+                    break;
+            }
+            const Indexs = [index1, index2, index3];
+            picker.setColumnValues(
+                1,
+                this.skillData[index1].child.map((item) => item.name)
+            );
+            picker.setColumnValues(
+                2,
+                this.skillData[index1].child[index2].child.map((item) => item.name)
+            );
+            this.skillColumnsIndex = Indexs;
+        },
+        async getWorkTypes() {
+            let resData = await getWorktypesBaseList({
+                type: 2,
+            });
+            if (resData.data.code === 200) {
+                const { data } = resData.data;
+                const arr = [];
+                // 1、 空间换时间策略/user/userrecruit/saveApp
+                arr.push(data.map((item) => item.name));
+                arr.push(data[0].child.map((item) => item.name));
+                arr.push(data[0].child[0].child.map((item) => item.name));
+                this.skillColumnsIndex = [0, 0, 0];
+                this.skillData = data;
+                this.skillColumns = arr;
+            }
+        },
+    },
+};
+</script>
+
+<style>
+.map {
+    width: 100%;
+    height: 350rpx;
+    margin-top: 30rpx;
+}
+
+.wageunitLeft {
+    border-left: 3rpx solid rgb(192, 196, 204, 0.6);
+    padding-left: 20rpx;
+}
+
+::v-deep .wageunitLeft .u-form-item__body {
+    padding: 0;
+}
+
+.addressinfo {
+    width: 100%;
+    height: fit-content;
+    min-height: 21px;
+}
+</style>
diff --git a/uni_modules/custom-tree-select/components/custom-tree-select/data-select-item.vue b/uni_modules/custom-tree-select/components/custom-tree-select/data-select-item.vue
index 08be717..b588d1c 100644
--- a/uni_modules/custom-tree-select/components/custom-tree-select/data-select-item.vue
+++ b/uni_modules/custom-tree-select/components/custom-tree-select/data-select-item.vue
@@ -1,363 +1,332 @@
-<template>
-  <view
-    class="custom-tree-select-content"
-    :class="{
-      border:
-        border &&
-        node[dataChildren] &&
-        node[dataChildren].length &&
-        node.showChildren
-    }"
-    :style="{ marginLeft: `${level ? 14 : 0}px` }"
-  >
-    <view v-if="node.visible" class="custom-tree-select-item">
-      <view class="item-content">
-        <view class="left">
-          <view
-            v-if="node[dataChildren] && node[dataChildren].length"
-            :class="['right-icon', { active: node.showChildren }]"
-            @click.stop="nameClick(node)"
-          >
-            <uni-icons type="forward" size="14" color="#333"></uni-icons>
-          </view>
-          <view v-else class="smallcircle-filled">
-            <uni-icons
-              class="smallcircle-filled-icon"
-              type="smallcircle-filled"
-              size="10"
-              color="#333"
-            ></uni-icons>
-          </view>
-          <view
-            v-if="loadingArr.includes(node[dataValue])"
-            class="loading-icon-box"
-          >
-            <uni-icons
-              class="loading-icon"
-              type="spinner-cycle"
-              size="14"
-              color="#333"
-            ></uni-icons>
-          </view>
-          <view
-            class="name"
-            :style="node.disabled ? 'color: #999' : ''"
-            @click.stop="nameClick(node)"
-          >
-            <text>{{ node[dataLabel] }}</text>
-          </view>
-        </view>
-        <view
-          v-if="
-            choseParent ||
-            (!choseParent && !node[dataChildren]) ||
-            (!choseParent && node[dataChildren] && !node[dataChildren].length)
-          "
-          :class="['check-box', { disabled: node.disabled }]"
-          @click.stop="nodeClick(node)"
-        >
-          <view
-            v-if="!node.checked && node.partChecked && linkage"
-            class="part-checked"
-          ></view>
-          <uni-icons
-            v-if="node.checked"
-            type="checkmarkempty"
-            size="18"
-            :color="node.disabled ? '#333' : '#007aff'"
-          ></uni-icons>
-        </view>
-      </view>
-    </view>
-    <view
-      v-if="
-        node.showChildren && node[dataChildren] && node[dataChildren].length
-      "
-    >
-      <data-select-item
-        v-for="item in listData"
-        :key="item[dataValue]"
-        :node="item"
-        :dataLabel="dataLabel"
-        :dataValue="dataValue"
-        :dataChildren="dataChildren"
-        :choseParent="choseParent"
-        :border="border"
-        :linkage="linkage"
-        :level="level + 1"
-        :load="load"
-        :lazyLoadChildren="lazyLoadChildren"
-      ></data-select-item>
-    </view>
-  </view>
-</template>
-
-<script>
-import dataSelectItem from './data-select-item.vue'
-import { paging } from './utils'
-export default {
-  name: 'data-select-item',
-  components: {
-    'data-select-item': dataSelectItem
-  },
-  props: {
-    node: {
-      type: Object,
-      default: () => ({})
-    },
-    choseParent: {
-      type: Boolean,
-      default: true
-    },
-    dataLabel: {
-      type: String,
-      default: 'name'
-    },
-    dataValue: {
-      type: String,
-      default: 'value'
-    },
-    dataChildren: {
-      type: String,
-      default: 'children'
-    },
-    border: {
-      type: Boolean,
-      default: false
-    },
-    linkage: {
-      type: Boolean,
-      default: false
-    },
-    level: {
-      type: Number,
-      default: 0
-    },
-    load: {
-      type: Function,
-      default: function () {}
-    },
-    lazyLoadChildren: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    return {
-      listData: [],
-      clearTimerList: [],
-      loadingArr: []
-    }
-  },
-  computed: {
-    watchData() {
-      const { node, dataChildren } = this
-
-      return {
-        node,
-        dataChildren
-      }
-    }
-  },
-  watch: {
-    watchData: {
-      immediate: true,
-      handler(newVal) {
-        const { node, dataChildren } = newVal
-        if (
-          node.showChildren &&
-          node[dataChildren] &&
-          node[dataChildren].length
-        ) {
-          this.resetClearTimerList()
-          this.renderTree(node[dataChildren])
-        }
-      }
-    }
-  },
-  methods: {
-    // 懒加载
-    renderTree(arr) {
-      const pagingArr = paging(arr)
-      this.listData.splice(0, this.listData.length, ...(pagingArr?.[0] || []))
-      this.lazyRenderList(pagingArr, 1)
-    },
-    // 懒加载具体逻辑
-    lazyRenderList(arr, startIndex) {
-      for (let i = startIndex; i < arr.length; i++) {
-        let timer = null
-        timer = setTimeout(() => {
-          this.listData.push(...arr[i])
-        }, i * 500)
-        this.clearTimerList.push(() => clearTimeout(timer))
-      }
-    },
-    // 中断懒加载
-    resetClearTimerList() {
-      const list = [...this.clearTimerList]
-      this.clearTimerList.splice(0, this.clearTimerList.length)
-      list.forEach((item) => item())
-    },
-    async nameClick(node) {
-      if (!node[this.dataChildren]?.length && this.lazyLoadChildren) {
-        this.loadingArr.push(node[this.dataValue])
-        try {
-          const res = await this.load(node)
-          if (Array.isArray(res)) {
-            uni.$emit('custom-tree-select-load', {
-              source: node,
-              target: res
-            })
-          }
-        } finally {
-          this.loadingArr = []
-        }
-      } else {
-        if (
-          !node.showChildren &&
-          node[this.dataChildren] &&
-          node[this.dataChildren].length
-        ) {
-          // 打开
-          this.renderTree(node[this.dataChildren])
-        } else {
-          // 关闭
-          this.resetClearTimerList()
-          this.listData.splice(0, this.listData.length)
-        }
-        uni.$emit('custom-tree-select-name-click', node)
-      }
-    },
-    nodeClick(node) {
-      if (!node.disabled) {
-        uni.$emit('custom-tree-select-node-click', node)
-      }
-    }
-  },
-  options: {
-    styleIsolation: 'shared'
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-$primary-color: #007aff;
-$col-sm: 4px;
-$col-base: 8px;
-$col-lg: 12px;
-$row-sm: 5px;
-$row-base: 10px;
-$row-lg: 15px;
-$radius-sm: 3px;
-$radius-base: 6px;
-$border-color: #c8c7cc;
-
-.custom-tree-select-content {
-  &.border {
-    border-left: 1px solid $border-color;
-  }
-
-  /deep/ .uni-checkbox-input {
-    margin: 0 !important;
-  }
-
-  .item-content {
-    margin: 0 0 $col-lg;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    position: relative;
-
-    &::after {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 0;
-      bottom: 0;
-      width: 3px;
-      background-color: #fff;
-      transform: translateX(-2px);
-      z-index: 1;
-    }
-
-    .left {
-      flex: 1;
-      display: flex;
-      align-items: center;
-
-      .right-icon {
-        transition: 0.15s ease;
-
-        &.active {
-          transform: rotate(90deg);
-        }
-      }
-
-      .smallcircle-filled {
-        width: 14px;
-        height: 13.6px;
-        display: flex;
-        align-items: center;
-
-        .smallcircle-filled-icon {
-          transform-origin: center;
-          transform: scale(0.55);
-        }
-      }
-
-      .loading-icon-box {
-        margin-right: $row-sm;
-        width: 14px;
-        height: 100%;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-
-        .loading-icon {
-          transform-origin: center;
-          animation: rotating infinite 0.2s ease;
-        }
-      }
-
-      .name {
-        flex: 1;
-      }
-    }
-  }
-}
-
-.check-box {
-  width: 23.6px;
-  height: 23.6px;
-  border: 1px solid $border-color;
-  border-radius: $radius-sm;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-
-  &.disabled {
-    background-color: rgb(225, 225, 225);
-  }
-
-  .part-checked {
-    width: 60%;
-    height: 2px;
-    background-color: $primary-color;
-  }
-}
-
-@keyframes rotating {
-  from {
-    transform: rotate(0);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-</style>
+<template>
+    <view
+        class="custom-tree-select-content"
+        :class="{
+            border: border && node[dataChildren] && node[dataChildren].length && node.showChildren,
+        }"
+        :style="{ marginLeft: `${level ? 14 : 0}px` }"
+    >
+        <view v-if="node.visible" class="custom-tree-select-item">
+            <view class="item-content">
+                <view class="left">
+                    <view
+                        v-if="node[dataChildren] && node[dataChildren].length"
+                        :class="['right-icon', { active: node.showChildren }]"
+                        @click.stop="nameClick(node)"
+                    >
+                        <uni-icons type="forward" size="14" color="#333"></uni-icons>
+                    </view>
+                    <view v-else class="smallcircle-filled">
+                        <uni-icons
+                            class="smallcircle-filled-icon"
+                            type="smallcircle-filled"
+                            size="10"
+                            color="#333"
+                        ></uni-icons>
+                    </view>
+                    <view v-if="loadingArr.includes(node[dataValue])" class="loading-icon-box">
+                        <uni-icons class="loading-icon" type="spinner-cycle" size="14" color="#333"></uni-icons>
+                    </view>
+                    <view class="name" :style="node.disabled ? 'color: #999' : ''" @click.stop="nameClick(node)">
+                        <text>{{ node[dataLabel] }}</text>
+                    </view>
+                </view>
+                <view
+                    v-if="
+                        choseParent ||
+                        (!choseParent && !node[dataChildren]) ||
+                        (!choseParent && node[dataChildren] && !node[dataChildren].length)
+                    "
+                    :class="['check-box', { disabled: node.disabled }]"
+                    @click.stop="nodeClick(node)"
+                >
+                    <view v-if="!node.checked && node.partChecked && linkage" class="part-checked"></view>
+                    <uni-icons
+                        v-if="node.checked"
+                        type="checkmarkempty"
+                        size="18"
+                        :color="node.disabled ? '#333' : '#007aff'"
+                    ></uni-icons>
+                </view>
+            </view>
+        </view>
+        <view v-if="node.showChildren && node[dataChildren] && node[dataChildren].length">
+            <data-select-item
+                v-for="item in listData"
+                :key="item[dataValue]"
+                :node="item"
+                :dataLabel="dataLabel"
+                :dataValue="dataValue"
+                :dataChildren="dataChildren"
+                :choseParent="choseParent"
+                :border="border"
+                :linkage="linkage"
+                :level="level + 1"
+                :load="load"
+                :lazyLoadChildren="lazyLoadChildren"
+            ></data-select-item>
+        </view>
+    </view>
+</template>
+
+<script>
+import dataSelectItem from './data-select-item.vue';
+import { paging } from './utils';
+export default {
+    name: 'data-select-item',
+    components: {
+        'data-select-item': dataSelectItem,
+    },
+    props: {
+        node: {
+            type: Object,
+            default: () => ({}),
+        },
+        choseParent: {
+            type: Boolean,
+            default: true,
+        },
+        dataLabel: {
+            type: String,
+            default: 'name',
+        },
+        dataValue: {
+            type: String,
+            default: 'value',
+        },
+        dataChildren: {
+            type: String,
+            default: 'children',
+        },
+        border: {
+            type: Boolean,
+            default: false,
+        },
+        linkage: {
+            type: Boolean,
+            default: false,
+        },
+        level: {
+            type: Number,
+            default: 0,
+        },
+        load: {
+            type: Function,
+            default: function () {},
+        },
+        lazyLoadChildren: {
+            type: Boolean,
+            default: false,
+        },
+    },
+    data() {
+        return {
+            listData: [],
+            clearTimerList: [],
+            loadingArr: [],
+        };
+    },
+    computed: {
+        watchData() {
+            const { node, dataChildren } = this;
+
+            return {
+                node,
+                dataChildren,
+            };
+        },
+    },
+    watch: {
+        watchData: {
+            immediate: true,
+            handler(newVal) {
+                const { node, dataChildren } = newVal;
+                if (node.showChildren && node[dataChildren] && node[dataChildren].length) {
+                    this.resetClearTimerList();
+                    this.renderTree(node[dataChildren]);
+                }
+            },
+        },
+    },
+    methods: {
+        // 懒加载
+        renderTree(arr) {
+            const pagingArr = paging(arr);
+            this.listData.splice(0, this.listData.length, ...(pagingArr?.[0] || []));
+            this.lazyRenderList(pagingArr, 1);
+        },
+        // 懒加载具体逻辑
+        lazyRenderList(arr, startIndex) {
+            for (let i = startIndex; i < arr.length; i++) {
+                let timer = null;
+                timer = setTimeout(() => {
+                    this.listData.push(...arr[i]);
+                }, i * 500);
+                this.clearTimerList.push(() => clearTimeout(timer));
+            }
+        },
+        // 中断懒加载
+        resetClearTimerList() {
+            const list = [...this.clearTimerList];
+            this.clearTimerList.splice(0, this.clearTimerList.length);
+            list.forEach((item) => item());
+        },
+        async nameClick(node) {
+            if (!node[this.dataChildren]?.length && this.lazyLoadChildren) {
+                this.loadingArr.push(node[this.dataValue]);
+                try {
+                    const res = await this.load(node);
+                    if (Array.isArray(res)) {
+                        uni.$emit('custom-tree-select-load', {
+                            source: node,
+                            target: res,
+                        });
+                    }
+                } finally {
+                    this.loadingArr = [];
+                }
+            } else {
+                if (!node.showChildren && node[this.dataChildren] && node[this.dataChildren].length) {
+                    // 打开
+                    this.renderTree(node[this.dataChildren]);
+                } else {
+                    // 关闭
+                    this.resetClearTimerList();
+                    this.listData.splice(0, this.listData.length);
+                }
+                uni.$emit('custom-tree-select-name-click', node);
+            }
+        },
+        nodeClick(node) {
+            if (!node.disabled) {
+                uni.$emit('custom-tree-select-node-click', node);
+            }
+        },
+    },
+    options: {
+        styleIsolation: 'shared',
+    },
+};
+</script>
+
+<style lang="scss" scoped>
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+$primary-color: #007aff;
+$col-sm: 4px;
+$col-base: 8px;
+$col-lg: 12px;
+$row-sm: 5px;
+$row-base: 10px;
+$row-lg: 15px;
+$radius-sm: 3px;
+$radius-base: 6px;
+$border-color: #c8c7cc;
+
+.custom-tree-select-content {
+    &.border {
+        border-left: 1px solid $border-color;
+    }
+
+    ::v-deep .uni-checkbox-input {
+        margin: 0 !important;
+    }
+
+    .item-content {
+        margin: 0 0 $col-lg;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        position: relative;
+
+        &::after {
+            content: '';
+            position: absolute;
+            top: 0;
+            left: 0;
+            bottom: 0;
+            width: 3px;
+            background-color: #fff;
+            transform: translateX(-2px);
+            z-index: 1;
+        }
+
+        .left {
+            flex: 1;
+            display: flex;
+            align-items: center;
+
+            .right-icon {
+                transition: 0.15s ease;
+
+                &.active {
+                    transform: rotate(90deg);
+                }
+            }
+
+            .smallcircle-filled {
+                width: 14px;
+                height: 13.6px;
+                display: flex;
+                align-items: center;
+
+                .smallcircle-filled-icon {
+                    transform-origin: center;
+                    transform: scale(0.55);
+                }
+            }
+
+            .loading-icon-box {
+                margin-right: $row-sm;
+                width: 14px;
+                height: 100%;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+
+                .loading-icon {
+                    transform-origin: center;
+                    animation: rotating infinite 0.2s ease;
+                }
+            }
+
+            .name {
+                flex: 1;
+            }
+        }
+    }
+}
+
+.check-box {
+    width: 23.6px;
+    height: 23.6px;
+    border: 1px solid $border-color;
+    border-radius: $radius-sm;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    &.disabled {
+        background-color: rgb(225, 225, 225);
+    }
+
+    .part-checked {
+        width: 60%;
+        height: 2px;
+        background-color: $primary-color;
+    }
+}
+
+@keyframes rotating {
+    from {
+        transform: rotate(0);
+    }
+    to {
+        transform: rotate(360deg);
+    }
+}
+</style>
diff --git a/vue.config.js b/vue.config.js
index e139c7d..feaa307 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -10,6 +10,7 @@ module.exports = {
                 // target: 'http://192.168.1.115:8000',
                 target: 'http://39.98.44.136:6013',
                 ws: true,
+                changeOrigin: true,
                 pathRewrite: {
                     '^/api': '/'
                 }
@@ -18,6 +19,7 @@ module.exports = {
                 //本地服务接口地址
                 target: 'https://apis.map.qq.com',
                 ws: true,
+                changeOrigin: true,
                 pathRewrite: {
                     '^/qq/map': '/'
                 }