Преглед на файлове

feat:公司认证图片上传静态页面

jianghaili преди 2 седмици
родител
ревизия
e388cea339
променени са 2 файла, в които са добавени 118 реда и са изтрити 1 реда
  1. 6 1
      package/jobIntention/company.vue
  2. 112 0
      package/jobIntention/companyImg.vue

+ 6 - 1
package/jobIntention/company.vue

@@ -3,7 +3,7 @@
     <nav-bar title="公司认证" color="#000"></nav-bar>
     <view class="company-content">
       <view class="company-title">请认证你和公司的关系</view>
-      <view class="company-img-box">
+      <view class="company-img-box" @click="goUploadImg">
         <view class="comp-img">
           <image src="@/static/images/jobApplicant/yinyezhizhao.svg" mode="scaleToFill" />
         </view>
@@ -28,6 +28,11 @@ export default {
   components: {
     navBar,
   },
+  methods: {
+    goUploadImg(){
+        uni.navigateTo({ url: '/package/jobIntention/companyImg' })
+    },
+  },
 };
 </script>
 <style scoped lang="scss">

+ 112 - 0
package/jobIntention/companyImg.vue

@@ -0,0 +1,112 @@
+<template>
+  <view class="company">
+    <nav-bar title="公司认证" color="#000"></nav-bar>
+    <view class="company-content">
+      <view class="company-title">上传公司营业执照</view>
+      <view class="company-desc">请上传“深圳市汉睿国际猎头服务有限公司”的营业执照</view>
+      <view class="company-btn">修改公司</view>
+      <view class="upload-img">
+      <u-upload :max-size="5 * 1024 * 1024" max-count="1" class="upload" width="452" height="322"></u-upload>
+      </view>
+      <view class="warning-title">注意事项</view>
+      <view class="warning-desc">1.拍摄与所填公司一致的营业执照上传</view>
+      <view class="warning-desc">2.最新下发的营业执照</view>
+      <view class="warning-desc">3.营业执照信息和公章清晰可辨</view>
+    </view>
+    <view class="bottom-btn">确认并提交</view>
+  </view>
+</template>
+<script>
+import navBar from "@/components/nav-bar/index.vue";
+export default {
+  data() {
+    return {
+      address: "",
+      addressDetail: "",
+    };
+  },
+  components: {
+    navBar,
+  },
+};
+</script>
+<style scoped lang="scss">
+.company {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  display: flex;
+  flex-direction: column;
+  font-family: DM Sans;
+  .company-content {
+    flex: 1;
+    padding: 40rpx;
+    box-sizing: border-box;
+    overflow: hidden;
+    overflow-y: auto;
+    .company-title {
+      color: #333;
+      font-size: 40rpx;
+      font-weight: 600;
+      margin-bottom: 20rpx;
+    }
+    .company-desc {
+      color: rgba(102, 102, 102, 1);
+      font-family: DM Sans;
+      font-size: 24rpx;
+      font-weight: 400;
+      line-height: 32rpx;
+    }
+    .company-btn {
+      color: #016bf6;
+      font-family: DM Sans;
+      font-size: 24rpx;
+      font-weight: 400;
+      line-height: 32rpx;
+      margin-top: 20rpx;
+    }
+    .upload-img {
+      width: 100%;
+      height: 388rpx;
+      background: #fce9dc;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      margin-top: 20rpx;
+    }
+    .warning-title {
+      color: #1f2c37;
+      font-family: DM Sans;
+      font-size: 28rpx;
+      font-weight: 500;
+      margin-top: 20rpx;
+
+    }
+    .warning-desc {
+      color: #666666;
+      font-family: DM Sans;
+      font-size: 24rpx;
+      font-weight: 400;
+      margin-top: 20rpx;
+    }
+  }
+  .bottom-btn {
+    border-radius: 999px;
+    background: #016bf6;
+    flex-shrink: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: rgba(255, 255, 255, 1);
+    font-family: DM Sans;
+    font-size: 32rpx;
+    font-weight: 400;
+    padding: 16rpx 32rpx;
+    box-sizing: border-box;
+    margin: 20rpx;
+    margin-bottom: 110rpx;
+  }
+}
+</style>