|
@@ -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>
|