From 102cab0ad374a3175d2fbd3fab179d947634c704 Mon Sep 17 00:00:00 2001
From: shijingjing <1789544664@qq.com>
Date: Wed, 25 May 2022 18:24:20 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=81=E4=B8=9A=E6=8B=9B=E5=B7=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/mods/publicity/AppJob/AppJob.vue     |  24 ++-
 src/mods/publicity/AppJob/addCompJop.vue | 193 +++++++++++++++++++++++
 2 files changed, 216 insertions(+), 1 deletion(-)
 create mode 100644 src/mods/publicity/AppJob/addCompJop.vue

diff --git a/src/mods/publicity/AppJob/AppJob.vue b/src/mods/publicity/AppJob/AppJob.vue
index 5016a2a..4a7acd1 100644
--- a/src/mods/publicity/AppJob/AppJob.vue
+++ b/src/mods/publicity/AppJob/AppJob.vue
@@ -62,7 +62,8 @@
     </div>
     <AiEmpty v-else></AiEmpty>
     <div class="btn-wrapper">
-      <div class="btn" @click="$linkTo('./pubJob')" hover-class="text-hover">我要找工作</div>
+      <div class="perAdd" @click="$linkTo('./pubJob')" hover-class="text-hover">个人求职</div>
+      <div class="compAdd" @click="$linkTo('./addCompJop')" hover-class="text-hover">企业招工</div>
     </div>
     <u-select v-model="show" :list="selectList" @confirm="onConfirm"></u-select>
   </div>
@@ -349,4 +350,25 @@ export default {
     }
   }
 }
+.btn-wrapper {
+  display: flex;
+  justify-content: space-between;
+  padding: 20px 32px !important;
+  box-sizing: border-box;
+  .perAdd,
+  .compAdd {
+    height: 88px;
+    line-height: 88px;
+    text-align: center;
+    border-radius: 16px;
+    width: 47%;
+  }
+  .perAdd {
+    border: 1px solid #A0C0FF;
+  }
+  .compAdd {
+    background: #4181FF;
+    color: #fff;
+  }
+}
 </style>
diff --git a/src/mods/publicity/AppJob/addCompJop.vue b/src/mods/publicity/AppJob/addCompJop.vue
new file mode 100644
index 0000000..f035ac1
--- /dev/null
+++ b/src/mods/publicity/AppJob/addCompJop.vue
@@ -0,0 +1,193 @@
+<template>
+  <div class="addCompJob">
+
+    <div class="card">
+      <div class="form border">
+        <em>*</em>
+        <label>招聘岗位</label>
+        <div class="right">
+          <u-input trim placeholder="请输入" input-align="right"
+                   placeholder-style="color:#999;font-size: 17px;font-weight:normal;" v-model="form.linkName"
+                   :custom-style="{fontWeight:600,color:'#333',fontSize:'17px'}"></u-input>
+        </div>
+      </div>
+      <div class="form border">
+        <em>*</em>
+        <label>招聘人数</label>
+        <div class="right">
+          <u-input trim placeholder="请输入" input-align="right"
+                   placeholder-style="color:#999;font-size: 17px;font-weight:normal;" v-model="form.linkPhone"
+                   :custom-style="{fontWeight:600,color:'#333',fontSize:'17px'}" maxlength="11"></u-input>
+        </div>
+      </div>
+      <div class="form">
+        <em>*</em>
+        <label>薪资待遇</label>
+        <div class="right">
+          <u-input trim placeholder="如5k-10k" input-align="right"
+                   placeholder-style="color:#999;font-size: 17px;font-weight:normal;" v-model="form.linkPhone"
+                   :custom-style="{fontWeight:600,color:'#333',fontSize:'17px'}" maxlength="11"></u-input>
+        </div>
+      </div>
+    </div>
+
+    <div class="card">
+      <div class="form border">
+        <em>*</em>
+        <label>学历要求</label>
+        <div class="right">
+          <u-input trim placeholder="请输入" input-align="right"
+                   placeholder-style="color:#999;font-size: 17px;font-weight:normal;" v-model="form.linkName"
+                   :custom-style="{fontWeight:600,color:'#333',fontSize:'17px'}"></u-input>
+        </div>
+      </div>
+      <div class="form border">
+        <em>*</em>
+        <label>年龄要求</label>
+        <div class="right">
+          <u-input trim placeholder="请输入" input-align="right"
+                   placeholder-style="color:#999;font-size: 17px;font-weight:normal;" v-model="form.linkPhone"
+                   :custom-style="{fontWeight:600,color:'#333',fontSize:'17px'}" maxlength="11"></u-input>
+        </div>
+      </div>
+      <div class="form border">
+        <em>*</em>
+        <label>性别要求</label>
+        <div class="right">
+          <u-input trim placeholder="如5k-10k" input-align="right"
+                   placeholder-style="color:#999;font-size: 17px;font-weight:normal;" v-model="form.linkPhone"
+                   :custom-style="{fontWeight:600,color:'#333',fontSize:'17px'}" maxlength="11"></u-input>
+        </div>
+      </div>
+      <div class="forms">
+        <label><span>*</span>岗位说明</label>
+        <div class="bottom">
+          <u-input type="textarea" auto-height trim placeholder="请输入详细描述信息"
+                   placeholder-style="color:#999;font-size: 17px;font-weight:normal;" v-model="form.linkPhone"
+                   :custom-style="{fontWeight:600,color:'#333',fontSize:'17px'}" maxlength="11"></u-input>
+        </div>
+      </div>
+    </div>
+
+    <div class="card">
+      <div class="forms">
+        <label><span>*</span>单位名称</label>
+        <div class="bottom">
+          <u-input trim placeholder="请输入单位名称"
+                   placeholder-style="color:#999;font-size: 17px;font-weight:normal;" v-model="form.linkPhone"
+                   :custom-style="{fontWeight:600,color:'#333',fontSize:'17px'}" maxlength="11"></u-input>
+        </div>
+      </div>
+      <div class="form border border-top">
+        <em>*</em>
+        <label>联系人</label>
+        <div class="right">
+          <u-input trim placeholder="请输入" input-align="right"
+                   placeholder-style="color:#999;font-size: 17px;font-weight:normal;" v-model="form.linkPhone"
+                   :custom-style="{fontWeight:600,color:'#333',fontSize:'17px'}" maxlength="11"></u-input>
+        </div>
+      </div>
+      <div class="form">
+        <em>*</em>
+        <label>联系方式</label>
+        <div class="right">
+          <u-input trim placeholder="如5k-10k" input-align="right"
+                   placeholder-style="color:#999;font-size: 17px;font-weight:normal;" v-model="form.linkPhone"
+                   :custom-style="{fontWeight:600,color:'#333',fontSize:'17px'}" maxlength="11"></u-input>
+        </div>
+      </div>
+    </div>
+
+    <div class="btn-wrapper">
+      <div class="btn" @click="submit" hover-class="text-hover">提交</div>
+    </div>
+
+  </div>
+</template>
+
+<script>
+export default {
+  appName: "我要招员工",
+  data() {
+    return {}
+  },
+  methods: {},
+}
+</script>
+
+<style lang="scss" scoped>
+.addCompJob {
+  padding-bottom: 150px;
+  .card {
+    box-sizing: border-box;
+    padding: 0 32px;
+    background-color: #fff;
+    margin-bottom: 24px;
+
+    .form {
+      height: 112px;
+      background: #FFFFFF;
+      display: flex;
+      align-items: center;
+
+      & > em {
+        width: 16px;
+        height: 44px;
+        font-weight: 400;
+        color: #FF4466;
+        line-height: 54px;
+        font-style: normal;
+        margin-right: 8px;
+      }
+
+      & > label {
+        font-size: 32px;
+        font-weight: 600;
+        color: #666666;
+
+        & > span {
+          font-size: 28px;
+          font-weight: 400;
+          color: #999999;
+        }
+      }
+
+      .right {
+        flex: 1;
+        display: flex;
+        align-items: center;
+        flex-direction: row-reverse;
+
+        .value {
+          font-size: 34px;
+          font-weight: 600;
+          color: #333333;
+        }
+      }
+    }
+
+    .forms {
+      padding: 24px 0;
+      
+      label {
+        color: #666666;
+        font-size: 32px;
+        font-weight: 600;
+        span {
+          color: #FF4466;
+          font-weight: normal;
+        }
+      }
+    }
+
+    .border-top {
+      border-top: 1px solid #DDDDDD;
+    }
+
+    .border {
+      border-bottom: 1px solid #DDDDDD;
+    }
+  }
+
+}
+</style>
\ No newline at end of file