公寓小程序端前端代码
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 

111 lines
5.7 KiB

<!-- subpages/index/recruitment/detail/detail.wxml -->
<view class="detail-container" style="background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 50%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,1) 100%),linear-gradient(to right, #befeed 0%, #d5eefe 50%, #ebe9fb 100%);background-size: 100% 400rpx, 100% 400rpx;background-repeat: no-repeat;">
<!-- 头部 -->
<view class="header">
<view class="navigation-back" bind:tap="handleGoToBack" style="top: {{statusHeight}}px;">
<van-icon name="arrow-left" size="50rpx" color="#333333" />
</view>
<view class="navigation" style="height: {{navigationHeight}}px; top: {{statusHeight}}px;line-height:{{navigationHeight}}px;text-align: center;">
职位详情
</view>
</view>
<!-- 内容区域 -->
<view class="content-body" wx:if="{{info}}">
<!-- 职位基本信息 -->
<view class="job-basic-info">
<view class="flex flex-sb">
<view class="job-title">{{info.positionCategory || ''}}</view>
<view class="job-salary" style="color: #0fb3a2;">
{{info.minWage || ''}}-{{info.maxWage || ''}}k
</view>
</view>
<view class="job-meta">
<text class="meta-item" wx:if="{{info.minEdu}}">{{info.minEdu || ''}}</text>
<text class="meta-item" wx:if="{{info.workExp}}">{{info.workExp || ''}}</text>
<text class="meta-item" wx:if="{{info.recruitingNumbers}}">{{info.recruitingNumbers }}人</text>
</view>
<view class="job-time">
<text>招聘时间: {{info.startTime || ''}}至{{info.endTime || ''}}</text>
<text >发布: {{info.releaseTime || ''}}</text>
</view>
</view>
<!-- 职位详情 -->
<view class="job-detail-section">
<view class="section-title">职位详情</view>
<view class="detail-content">
<!-- <view class="detail-item">
<text class="item-title">任职要求:</text>
<view class="item-content">
<text>1. 统招本科学历,1年及以上Java开发经验,人在青岛,不接受外地人员;</text>
<text>2. 掌握Java基础,掌握Mysql等主流数据库的使用;</text>
<text>3. 精通Spring、Spring Boot、Mybatis等主流框架;</text>
<text>4. 熟悉SpringCloud微服务开发,熟练使用相关组件;</text>
<text>5. 熟悉分布式系统开发,熟悉Nginx、Redis、MQ、ES等中间件技术;</text>
<text>6. 具备良好的沟通能力,团队合作精神,责任心强;</text>
</view>
</view> -->
<view class="detail-item">
<text class="item-title">岗位描述:</text>
<view class="item-content">
<text>{{info.jobDescription || '无'}}</text>
</view>
</view>
<!-- <view class="detail-item">
<text class="item-title">其他描述:</text>
<view class="item-content">
<text>无</text>
</view>
</view> -->
</view>
</view>
<!-- 公司详情 -->
<view class="company-detail-section">
<view class="section-title">公司详情</view>
<view class="company-info-card">
<view class="company-header">
<view class="flex ">
<view class="company-basic">
<view class="company-name">{{info.companyName || ''}}</view>
<view class="company-tags">
<text class="tag">{{info.area || ''}}</text>
<text class="tag">{{info.companyType || ''}}</text>
</view>
</view>
</view>
<view class="company-contact">
<van-icon name="location-o" /><text class="contact-item"> {{info.companyAddr || ''}}</text>
</view>
<view class="company-contact mt-10">
<van-icon name="phone-o" /><text class="contact-item"> {{info.contactPerson}}{{info.contactPhone || ''}}</text>
</view>
</view>
<view class="company-description">
<text>{{info.companyProfile || ''}}</text>
</view>
</view>
</view>
<!-- 其他职位 -->
<!-- <view class="other-jobs-section">
<view class="section-title">其他职位</view>
<view class="job-item" wx:for="{{otherJobs}}" wx:key="id" bind:tap="onOtherJobTap" data-item="{{item}}">
<view class="job-header">
<view class="job-title-small">{{item.position}}</view>
<view class="job-salary-small" style="color: #0fb3a2;">{{item.minWage}}-{{item.maxWage}}k</view>
</view>
<view class="job-meta-small">
<text class="meta-small">{{item.publishTime}}</text>
<text class="meta-small">{{item.minEdu}}</text>
<text class="meta-small">{{item.workExp}}</text>
</view>
</view>
</view> -->
</view>
<!-- 加载状态 -->
<view class="loading-section" wx:if="{{!info}}">
<van-loading size="40rpx" text="加载中..." />
</view>
</view>