更新

@@ -336,11 +336,11 @@ Page({
       "XX-Device-Type": 'wxapp'
     }
     app.post(url, params, header).then((res) => {
-      console.log(res);
+      console.log(res.data);
       // 获取值
       that.setData({
         resume: res.data,
-        date: res.data.birthday,
+        // date: res.data.birthday,
         array: res.data.education_name,
         // personal: res.data
         // jobs: res.data,

@@ -362,7 +362,7 @@
         <picker mode="date" value="{{date}}" bindchange="bindDateChange">
           <view class="mask2_item_date">
 
-            <view class='mask2_item_date_text'>{{date}}</view>
+            <view class='mask2_item_date_text'>{{resume.birthday}}</view>
             <view class='mask2_item_date_icon'>
               <image src='../../img/right.png'></image>
             </view>

@@ -48,33 +48,36 @@ Page({
   data: {
     publish: '',
     array: [],
-    status:true,
+    status: true,
 
     jobIndex: 0,
 
     industry: [],
-    
+
     industryIndex: 0,
 
     post: [],
-  
+
     postIndex: 0,
 
     edu: [],
 
     eduIndex: 0,
-    switch_content:false,
+    switch_content: false,
+    // eduname:'请选择',
 
     images: [],
     images2: [],
     bannerImage: [],
+    region: ['请选择', '请选择', '请选择'],
     // 获取分类
-    getClass:'',
+    getClass: '',
     // 设置传入参数
-    categories_id:'',
+    categories_id: '',
     industry_id: '',
     station_id: '',
     education_id: '',
+    eduname:'请选择',
     unid_id: '',
     money_type: 1,
     min_money: '',
@@ -92,26 +95,31 @@ Page({
     end_time: '',
     logo: '',
     banner: '',
-
-    categories_name:'请选择',
-    hangye:'请选择',
-    gangwei:'请选择',
-    logoitem:'',
-    banneritem:'',
+    wxn: '',
+    wx_gz: '',
+    qq: '',
+    qq_lock: '',
+    mobile: '',
+
+    categories_name: '请选择',
+    hangye: '请选择',
+    gangwei: '请选择',
+    logoitem: '',
+    banneritem: '',
     //薪酬范围
-    maxMoney:'',
-    minMoney:"",
-    gumoney:'',
+    maxMoney: '',
+    minMoney: "",
+    gumoney: '',
     //薪资单位
-    danweiarray:[],
-    danindex:0,
+    danweiarray: [],
+    danindex: 0,
     // 地图
-    latitude:'',
+    latitude: '',
     longitude: '',
     markers: [{
       id: 1,
       latitude: '',
-      longitude:'',
+      longitude: '',
       name: 'T.I.T 创意园'
     }],
     covers: [{
@@ -123,51 +131,59 @@ Page({
       longitude: '',
       iconPath: '/image/location.png'
     }],
-  map:[],
-    addressname:"请选择地区",
-    zhaopin:'',
-    fuli:'',
-   
-    connectinfo:{},
+    map: [],
+    addressname: "请选择地区",
+    zhaopin: '',
+    fuli: '',
+
+    connectinfo: {},
     //发布时间
 
     time: '',
     multiArray: [years, months, days, hours, minutes],
     multiIndex: [0, 9, 16, 10, 17],
     choose_year: '',
-    
+
     // edu: '',
+    // yaoqiu: '',
+    city: '',
+    provice: '',
+    district: '',
+    detailaddress:"",
+    len:0,
+    len_fuli:0,
+    len_miaoshu:0,
   },
   // 岗位分类
-  jobClass: function (e) {
+  jobClass: function(e) {
     console.log('picker发送选择改变，携带值为', e.detail.value)
-    
+
     this.setData({
       jobIndex: e.detail.value,
       categories_id: this.data.array[e.detail.value].id,
       // categories_name: this.data.array[e.detail.value].categories_name,
       categories_name: this.data.array[e.detail.value].categories_name,
-      hangye:'请选择',
-      gangwei:"请选择"
-     
+      hangye: '请选择',
+      gangwei: "请选择"
+
     })
     console.log(that.data.categories_id)
     this.publicIndustry()
   },
   // 选择行业
-  industryClass: function (e) {
+  industryClass: function(e) {
     console.log('picker发送选择改变，携带值为', e.detail.value)
     this.setData({
       industryIndex: e.detail.value,
       industry_id: this.data.industry[e.detail.value].id,
-      hangye: this.data.industry[e.detail.value].industry_name ,
-      gangwei:'请选择'
+      hangye: this.data.industry[e.detail.value].industry_name,
+      gangwei: '请选择'
     })
     console.log(that.data.industry_id)
     this.publicPost()
   },
   // 选择岗位
-  postClass: function (e) {
+  postClass: function(e) {
     console.log('picker发送选择改变，携带值为', e.detail.value)
     this.setData({
       postIndex: e.detail.value,
@@ -177,30 +193,30 @@ Page({
     console.log(that.data.station_id)
   },
   // 选择学历
-  selectEdu: function (e) {
+  selectEdu: function(e) {
     console.log('picker发送选择改变，携带值为', e.detail.value)
     this.setData({
-      education_id:this.data.edu[e.detail.value].id,
+      education_id: this.data.edu[e.detail.value].id,
       eduname: that.data.edu[e.detail.value].education_name,
-      eduIndex:e.detail.value
+      eduIndex: e.detail.value
     })
   },
 
   // 切换薪资类型
-  switch_a(){
+  switch_a() {
     this.setData({
-      
-      status:!this.data.status,
-      
+
+      status: !this.data.status,
+
     })
 
     let status = this.data.status;
-  
-    if(status==true){
+
+    if (status == true) {
       this.setData({
-        money_type:1
+        money_type: 1
       })
-    }else{
+    } else {
       this.setData({
         money_type: 2
       })
@@ -210,7 +226,7 @@ Page({
   /**
    * 生命周期函数--监听页面加载
    */
-  onLoad: function (options) {
+  onLoad: function(options) {
     that = this;
     this.publicClass();
     this.publicIndustry();
@@ -221,7 +237,7 @@ Page({
     wx.getLocation({
 
       type: 'gcj02',
-      success: function (res) {
+      success: function(res) {
         console.log(8090)
         console.log(res)
         var lat = res.latitude
@@ -230,7 +246,7 @@ Page({
         map.push(lat)
         map.push(log)
 
-
+        that.loadCity(lat, log)
 
         that.setData({
           latitude: lat,
@@ -263,7 +279,7 @@ Page({
     this.setData({
       choose_year: this.data.multiArray[0][0]
     })
-    
+
 
   },
 
@@ -316,7 +332,7 @@ Page({
   },
 
   // 获取岗位
-  publicPost(){
+  publicPost() {
     let that = this;
     let url = 'index/category/station';
     let params = {
@@ -340,7 +356,7 @@ Page({
   },
 
   // 选择学历
-  publicEdu(){
+  publicEdu() {
     let that = this;
     let url = 'index/category/education';
     let params = {
@@ -361,67 +377,20 @@ Page({
     }).catch((err) => {
 
     })
-  },  
-  
-  // 调用Ajax
-  publish() {
-    let that = this;
-    let url = 'index/job/publish_job';
-    let params = {
-      categories_id: that.data.categories_id,
-      industry_id: that.data.industry_id,
-      station_id: that.data.station_id,
-      education_id: that.data.education_id, 
-      unit_id: that.data.unid_id,
-      money_type: that.data.money_type,
-      // min_money: that.data.min_money,
-      // max_money: that.data.max_money,
-      // work_provice: that.data.work_province,
-      // work_city: that.data.work_city,
-      // work_county: that.data.work_county,
-      // work_address: that.data.work_address,
-      // work_longitude: that.data.work_longitude,
-      // work_latitude: that.data.work_latitude,
-      // demand: that.data.demand,
-      // welfare: that.data.welfare,
-      // describe: that.data.describe,
-      // start_time: that.data.start_time,
-      // end_time: that.data.end_time,
-      // logo: that.data.logo,
-      // banner: 
-      // wxn: 
-      // wx_gz: 
-      // qq_lock:
-      // mobile: 
-    }
-    // console.log(e)
-    let header = {
-      "XX-Token": wx.getStorageSync('token'),
-      "XX-Device-Type": 'wxapp'
-    }
-    app.post(url, params, header).then((res) => {
-      console.log(res);
-      // 获取值
-      // that.setData({
-        
-      // })
-
-    }).catch((err) => {
-
-    })
   },
 
+  
 
 
   // 选择图片
-  chooseImage: function () {
+  chooseImage: function() {
     // 选择图片
     wx.chooseImage({
       count: 3, // 默认9
       sizeType: ['compressed'],
       sourceType: ['album', 'camera'],
       // 可以指定来源是相册还是相机，默认二者都有
-      success: function (res) {
+      success: function(res) {
         console.log(res)
         // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
         var tempFilePaths = res.tempFilePaths;
@@ -433,7 +402,7 @@ Page({
   },
 
   // 图片预览
-  previewImage: function (e) {
+  previewImage: function(e) {
     var current = e.target.dataset.src
     wx.previewImage({
       current: current,
@@ -442,7 +411,7 @@ Page({
   },
 
   // 图片删除功能
-  delete: function (e) {
+  delete: function(e) {
     var index = e.currentTarget.dataset.index;
     var images = that.data.images;
     images.splice(index, 1);
@@ -451,14 +420,14 @@ Page({
     });
   },
 
-  chooseImage2: function () {
+  chooseImage2: function() {
     // 选择图片
     wx.chooseImage({
       count: 3, // 默认9
       sizeType: ['compressed'],
       sourceType: ['album', 'camera'],
       // 可以指定来源是相册还是相机，默认二者都有
-      success: function (res) {
+      success: function(res) {
         console.log(res)
         // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
         var tempFilePaths = res.tempFilePaths;
@@ -472,7 +441,7 @@ Page({
   },
 
   // 图片预览
-  previewImage2: function (e) {
+  previewImage2: function(e) {
     //console.log(this.data.images);
     var current = e.target.dataset.src
     wx.previewImage({
@@ -482,7 +451,7 @@ Page({
   },
 
   // 图片删除功能
-  delete2: function (e) {
+  delete2: function(e) {
     var index = e.currentTarget.dataset.index;
     var images = that.data.images2;
     images2.splice(index, 1);
@@ -490,47 +459,54 @@ Page({
       images2: images2
     });
   },
-//获取薪资单位
-getdanwei(){
-  let that = this;
-  var url = 'index/category/unit';
-  var params = {
-    token: wx.getStorageSync('token'),
+  //获取薪资单位
+  getdanwei() {
+    let that = this;
+    var url = 'index/category/unit';
+    var params = {
+      token: wx.getStorageSync('token'),
 
-  }
-  app.post(url, params).then((res) => {
-    console.log(res);
-    this.setData({
-      danweiarray:res.data
-    })
+    }
+    app.post(url, params).then((res) => {
+      console.log(res);
+      this.setData({
+        danweiarray: res.data,
+
+      })
+
+      that.setData({
+        unid_id:that.data.danweiarray[0].id
+      })
 
+     
 
 
-  }).catch((err) => {
 
-  })
+    }).catch((err) => {
 
-},
+    })
 
-// 薪酬范围
-  minMoney(e){
+  },
+
+  // 薪酬范围
+  minMoney(e) {
     this.setData({
-      minMoney:e.detail.value
+      minMoney: e.detail.value
     })
   },
-  maxMoney(e){
+  maxMoney(e) {
     this.setData({
-      maxMoney:e.detail.value
+      maxMoney: e.detail.value
     })
   },
 
-  guminMoney(e){
+  guminMoney(e) {
     this.setData({
-      gumoney:e.detail.value
+      gumoney: e.detail.value
     })
   },
   // 获取薪资单位id 
-  binddanweirChange(e){
+  binddanweirChange(e) {
     this.setData({
       danindex: e.detail.value,
       unid_id: this.data.danweiarray[e.detail.value].id
@@ -538,57 +514,37 @@ getdanwei(){
     // console.log(that.danindex)
   },
 
-  // 地图功能
-  getCenterLocation: function () {
-    this.mapCtx.getCenterLocation({
-      success: function (res) {
-        console.log(res.longitude)
-        console.log(res.latitude)
-      }
-    })
-  },
-  moveToLocation: function () {
-    this.mapCtx.moveToLocation()
-  },
-  translateMarker: function () {
-    this.mapCtx.translateMarker({
-      markerId: 1,
-      autoRotate: true,
-      duration: 1000,
-      destination: {
-        latitude: 23.10229,
-        longitude: 113.3345211,
-      },
-      animationEnd() {
-        console.log('animation end')
-      }
-    })
-  },
-  includePoints: function () {
-    this.mapCtx.includePoints({
-      padding: [10],
-      points: [{
-        latitude: 23.10229,
-        longitude: 113.3345211,
-      }, {
-        latitude: 23.00229,
-        longitude: 113.3345211,
-      }]
+
+  // 选择地区
+  bindRegionChange: function(e) {
+    console.log(e)
+    console.log('picker发送选择改变，携带值为', e.detail.value)
+    this.setData({
+      region: e.detail.value,
+      // 获取省市区
+      work_province: e.detail.value[0],
+      work_city: e.detail.value[1],
+      work_county: e.detail.value[2],
     })
+    console.log(e.detail.value[2])
   },
-  
 
   //选择地址
   enter() {
     let that = this;
     wx.chooseLocation({
-      success: function (res) {
+      success: function(res) {
         console.log(res);
         let map = [];
         map.push(res.latitude);
         map.push(res.longitude)
+        let latitude= res.latitude;
+        let  longitude=res.longitude;
+        console.log(longitude);
+        console.log(latitude)
+       that.loadCity(longitude,latitude)
         that.setData({
-          addressname: res.name,
+          addressname: res.address,
 
           latitude: res.latitude,
           longitude: res.longitude,
@@ -609,19 +565,54 @@ getdanwei(){
             iconPath: 'http://bronet.wangshuwen.com/choosed_03@3x.png'
           }],
 
-          map: map
+          map: map,
+          detailaddress: res.address
+        })
+      },
+    })
+  },
+
+  loadCity: function (longitude, latitude) {
+    let that = this
+    wx.request({
+      url: 'https://api.map.baidu.com/geocoder/v2/?ak=aETXP6og8vWD7aOsutiwLL0rrqaEdbxy&location=' + latitude + ',' + longitude + '&output=json',
+      data: {},
+      header: {
+        'Content-Type': 'application/json'
+      },
+      success: function (res) {
+        // success 
+        console.log(res);
+        var city = res.data.result.addressComponent.city;
+        var provice = res.data.result.addressComponent.province;
+        console.log(provice)
+        // var distance = res.data.result.addressComponent.distance;
+        var district = res.data.result.addressComponent.district;
+        that.setData({
+          city: city,
+          provice : provice,
+          district: district
+          // distance : distance,
+          // detailaddress:res.data.result.addressComponent.distance
+          
+        });
 
 
-        })
+        console.log(that.data.district)
+        
       },
+      fail: function () {
+        page.setData({ currentCity: "获取定位失败" });
+      },
+
     })
   },
 
   //发布时间
   //获取时间日期
-  bindMultiPickerChange: function (e) {
+  bindMultiPickerChange: function(e) {
     console.log(e)
-    let id=e.currentTarget.dataset.id
+    let id = e.currentTarget.dataset.id
     // console.log('picker发送选择改变，携带值为', e.detail.value)
     this.setData({
       multiIndex: e.detail.value
@@ -633,13 +624,13 @@ getdanwei(){
     const hour = this.data.multiArray[3][index[3]];
     const minute = this.data.multiArray[4][index[4]];
     // console.log(`${year}-${month}-${day}-${hour}-${minute}`);
-    
 
-    if(id==1){
+
+    if (id == 1) {
       this.setData({
         time: year + '-' + month + '-' + day + ' ' + hour + ':' + minute
       })
-    }else{
+    } else {
       this.setData({
         endtime: year + '-' + month + '-' + day + ' ' + hour + ':' + minute
       })
@@ -649,7 +640,7 @@ getdanwei(){
     // console.log(this.data.time);
   },
   //监听picker的滚动事件
-  bindMultiPickerColumnChange: function (e) {
+  bindMultiPickerColumnChange: function(e) {
     //获取年份
     if (e.detail.column == 0) {
       let choose_year = this.data.multiArray[e.detail.column][e.detail.value];
@@ -717,89 +708,144 @@ getdanwei(){
     this.setData(data);
   },
 
- 
+
   //联系方式
-  connect(e){
-    let that=this;
-    let type=e.currentTarget.dataset.type;
-    let newconnectinfo=that.data.connectinfo
-    newconnectinfo[type]=e.detail.value;
+  connect(e) {
+    let that = this;
+    let type = e.currentTarget.dataset.type;
+    let newconnectinfo = that.data.connectinfo;
+    newconnectinfo[type] = e.detail.value;
     that.setData({
-      connectinfo:newconnectinfo
+      connectinfo: newconnectinfo
     })
 
     console.log(that.data.connectinfo)
   },
 
   // 招聘要求
-  zhaopinyaoqiu(e){
+  zhaopinyaoqiu(e) {
+    let len=e.detail.value.length;
+
     this.setData({
-      yaoqiu:e.detail.value
+      zhaopin: e.detail.value,
+      len:len
     })
   },
-// 福利要求
-  fuliyaoqiu(e){
+  // 福利要求
+  fuliyaoqiu(e) {
+    let len = e.detail.value.length;
     this.setData({
-      fuli:e.detail.value
+      fuli: e.detail.value,
+      len_fuli: len
     })
   },
-//岗位要求
-  gangweiyaoqiu(e){
+  //岗位要求
+  gangweiyaoqiu(e) {
+    let len = e.detail.value.length
     this.setData({
-      gangwei:e.detail.value
+      gangweiyq: e.detail.value,
+      len_miaoshu:len
     })
   },
 
-  //确定发布
-  sure(){
+  
+  // 调用Ajax
+  publish() {
+    let that = this;
+    let url = 'index/job/publish_job';
+    let params = {
+      categories_id: that.data.categories_id,
+      industry_id: that.data.industry_id,
+      station_id: that.data.station_id,
+      education_id: that.data.education_id,
+      unit_id: that.data.unid_id,
+      money_type: that.data.money_type,
+      min_money: that.data.minMoney,
+      max_money: that.data.maxMoney,
+      money: that.data.gumoney,
+      work_provice: that.data.provice,
+      work_city: that.data.city,
+      work_county: that.data.district,
+      work_address: that.data.detailaddress,
+      // work_longitude: that.data.work_longitude,
+      // work_latitude: that.data.work_latitude,
+      demand: that.data.zhaopin,
+      welfare: that.data.fuli,
+      describe: that.data.gangweiyq,
+      start_time: that.data.time,
+      end_time: that.data.endtime,
+      logo: that.data.logoitem,
+      banner: that.data.banneritem,
+      wxn: that.data.connectinfo.weixn,
+      wx_gz: that.data.connectinfo.weixingroup,
+      qq: that.data.connectinfo.qqnum,
+      qq_lock: that.data.connectinfo.qqgroup,
+      mobile: that.data.connectinfo.mobile,
+
+    }
+    // console.log(e)
+    let header = {
+      "XX-Token": wx.getStorageSync('token'),
+      "XX-Device-Type": 'wxapp'
+    }
+    app.post(url, params, header).then((res) => {
+      console.log(res);
+      // 获取值
+      // that.setData({
+
+      // })
 
+    }).catch((err) => {
+
+    })
   },
+
   /**
    * 生命周期函数--监听页面初次渲染完成
    */
-  onReady: function () {
+  onReady: function() {
     this.mapCtx = wx.createMapContext('myMap')
   },
 
   /**
    * 生命周期函数--监听页面显示
    */
-  onShow: function () {
+  onShow: function() {
 
   },
 
   /**
    * 生命周期函数--监听页面隐藏
    */
-  onHide: function () {
+  onHide: function() {
 
   },
 
   /**
    * 生命周期函数--监听页面卸载
    */
-  onUnload: function () {
+  onUnload: function() {
 
   },
 
   /**
    * 页面相关事件处理函数--监听用户下拉动作
    */
-  onPullDownRefresh: function () {
+  onPullDownRefresh: function() {
 
   },
 
   /**
    * 页面上拉触底事件的处理函数
    */
-  onReachBottom: function () {
+  onReachBottom: function() {
 
   },
 
   /**
    * 用户点击右上角分享
    */
-  onShareAppMessage: function () {
+  onShareAppMessage: function() {
 
   }
 })
\ No newline at end of file

@@ -139,7 +139,7 @@
             </view>
           </view> -->
 
-          <picker bindchange="binddanweirChange" value="{{index}}" range="{{danweiarray}}" range-key="unit_name" >
+          <picker bindchange="binddanweirChange" value="{{index}}" range="{{danweiarray}}" range-key="unit_name">
             <view class='item_right_bottom_money'>
               元{{danweiarray[danindex].unit_name}}
               <view class='bottom_money_icon'>
@@ -159,11 +159,13 @@
     <!-- 选择学历 -->
     <view class='item'>
       <view class='item_left'>选择学历</view>
-      <picker bindchange="selectEdu" value="{{eduIndex}}" range="{{edu}}" range-key='education_name' >
+      <picker bindchange="selectEdu" value="{{eduIndex}}" range="{{edu}}" range-key='education_name'>
         <view class='item_right'>
           <view class="item_right_text">
             <!-- {{post[postIndex]}} -->
-            {{edu[eduIndex].education_name}}
+            <!-- {{edu[eduIndex].education_name}} -->
+            {{eduname}}
+            <!-- 请选择 -->
           </view>
           <view class='item_right_icon'>
             <image src='../../img/right.png'></image>
@@ -220,9 +222,10 @@
 
     </view>
     <!-- 选工作地点 -->
-    <view class='item map' bindtap="enter">
-      <view class='map_item'>
-        <view class='item_left'>选择地区</view>
+    <view class='item map' >
+      <!-- 选择地区 -->
+      <view class='map_item address' bindtap="enter">
+        <view class='item_left'>详细地址</view>
         <view class='item_right'>
           <view class='item_right_text'>{{addressname}}</view>
           <view class='item_right_icon'>
@@ -230,9 +233,7 @@
           </view>
         </view>
       </view>
-      <!-- <map class='map_pic'> -->
-      <!-- <image src='../../img/aicon_31@2x.png'></image> -->
-      <!-- </map> -->
+      
 
       <view class="page-section page-section-gap">
         <map id="myMap" style="width: 100%; height: 300px;" latitude="{{latitude}}" longitude="{{longitude}}" markers="{{markers}}" covers="{{covers}}" show-location></map>
@@ -273,24 +274,24 @@
     <view class='require'>
       <view class='require_top'>招聘要求</view>
       <view class='require_textarea'>
-        <textarea placeholder='性别不限/学历不限/年龄不限/经验不限'></textarea>
-        <view class='require_textarea_text' bindinput="zhaopinyaoqiu">0/200</view>
+        <textarea placeholder='性别不限/学历不限/年龄不限/经验不限' bindinput="zhaopinyaoqiu" maxlength='200'></textarea>
+        <view class='require_textarea_text' >{{len}}/200</view>
       </view>
     </view>
     <!-- 福利要求 -->
     <view class='require'>
       <view class='require_top'>福利要求</view>
       <view class='require_textarea'>
-        <textarea placeholder='性别不限/学历不限/年龄不限/经验不限' bindinput="fuliyaoqiu"></textarea>
-        <view class='require_textarea_text'>0/200</view>
+        <textarea placeholder='性别不限/学历不限/年龄不限/经验不限' bindinput="fuliyaoqiu" maxlength='200'></textarea>
+        <view class='require_textarea_text'>{{len_fuli}}/200</view>
       </view>
     </view>
     <!-- 岗位描述 -->
     <view class='require'>
       <view class='require_top'>岗位描述</view>
       <view class='require_textarea'>
-        <textarea placeholder='性别不限/学历不限/年龄不限/经验不限'></textarea>
-        <view class='require_textarea_text' bindinput="gangweiyaoqiu">0/200</view>
+        <textarea placeholder='性别不限/学历不限/年龄不限/经验不限' bindinput="gangweiyaoqiu" maxlength='200'></textarea>
+        <view class='require_textarea_text'>{{len_miaoshu}}/200</view>
       </view>
     </view>
   </view>

@@ -37,7 +37,7 @@ page {
 }
 
 .item_right_text {
-  font-size: 32rpx;
+  font-size: 28rpx;
   font-family: PingFang-SC-Medium;
   font-weight: 500;
   color: rgba(26, 26, 26, 1);
@@ -292,6 +292,12 @@ page {
   display: flex;
   justify-content: space-between;
 }
+.address{
+  margin-top: 20rpx;
+}
+.area_select{
+  display: flex;
+}
 
 .employ {
   display: flex;