147 lines
3.7 KiB
Vue
147 lines
3.7 KiB
Vue
![]() |
<template>
|
|||
|
<view class="container">
|
|||
|
<view class="job-header">
|
|||
|
<view class="job-title">销售工程师-高级销售经理</view>
|
|||
|
<view class="job-info">
|
|||
|
<text class="salary">1万-2万/月</text>
|
|||
|
<text class="views">1024浏览</text>
|
|||
|
</view>
|
|||
|
<view class="location-info">
|
|||
|
<text class="location">📍 青岛 青岛经济技术开发区</text>
|
|||
|
<text class="date">2022.1.3</text>
|
|||
|
<view class="source">来源 智联招聘</view>
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
|
|||
|
<view class="job-details">
|
|||
|
<text class="details-title">职位详情</text>
|
|||
|
<view class="tags">
|
|||
|
<view class="tag">本科</view>
|
|||
|
<view class="tag">3-5年</view>
|
|||
|
</view>
|
|||
|
<view class="description">
|
|||
|
(我司在永磁同步电机行业技术优势明显:最高载频24kHZ,最高运行频率3000HZ,最高运行转速180000rpm。)职责:
|
|||
|
<br />
|
|||
|
1、结合公司业务优势,深挖行业大客户需求,为客户提供针对性的营销解决方案;
|
|||
|
<br />
|
|||
|
2、有丰富的项目落地执行经验;
|
|||
|
<br />
|
|||
|
3、做好应收款控制与管理。
|
|||
|
<br />
|
|||
|
要求:
|
|||
|
<br />
|
|||
|
1、统招本科以上学历,电气相关专业;
|
|||
|
<br />
|
|||
|
2、有3年以上从事变频器或相关经验者优先。
|
|||
|
<br />
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
|
|||
|
<view class="company-info" @click="navTo('/packageA/pages/UnitDetails/UnitDetails')">
|
|||
|
<view class="company-name">湖南沃森电气科技有限公司</view>
|
|||
|
<view class="company-details">制造业 100-299人 单位详情</view>
|
|||
|
</view>
|
|||
|
|
|||
|
<view class="footer">
|
|||
|
<button class="apply-btn">立即申请</button>
|
|||
|
<view class="falls-card-matchingrate">
|
|||
|
<uni-icons type="star" size="40"></uni-icons>
|
|||
|
<!-- <uni-icons type="star-filled" color="#FFCB47" size="40"></uni-icons> -->
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
</view>
|
|||
|
</template>
|
|||
|
|
|||
|
<script setup>
|
|||
|
import { reactive, inject, watch, ref, onMounted } from 'vue';
|
|||
|
const { $api, navTo } = inject('globalFunction');
|
|||
|
</script>
|
|||
|
|
|||
|
<style lang="stylus" scoped>
|
|||
|
.container
|
|||
|
display flex
|
|||
|
flex-direction column
|
|||
|
background-color #f8f8f8
|
|||
|
.job-header
|
|||
|
padding 20rpx 40rpx
|
|||
|
background-color #ffffff
|
|||
|
margin-bottom 10rpx
|
|||
|
.job-title
|
|||
|
font-size 55rpx
|
|||
|
font-weight bold
|
|||
|
color #333
|
|||
|
margin-bottom 10rpx
|
|||
|
.job-info
|
|||
|
display flex
|
|||
|
justify-content space-between
|
|||
|
margin-bottom 10rpx
|
|||
|
.salary
|
|||
|
color #3b82f6
|
|||
|
font-size 42rpx
|
|||
|
font-weight bold
|
|||
|
.views
|
|||
|
font-size 24rpx
|
|||
|
color #999
|
|||
|
.location-info
|
|||
|
font-size 24rpx
|
|||
|
color #666
|
|||
|
.location, .source, .date
|
|||
|
margin-right 10rpx
|
|||
|
margin-top: 20rpx
|
|||
|
.source
|
|||
|
margin-left: 30rpx;
|
|||
|
|
|||
|
.job-details
|
|||
|
background-color #fff
|
|||
|
padding 20rpx 40rpx
|
|||
|
margin-bottom 10rpx
|
|||
|
.details-title
|
|||
|
font-size 41rpx
|
|||
|
font-weight bold
|
|||
|
margin-bottom 15rpx
|
|||
|
.tags
|
|||
|
display flex
|
|||
|
gap 10rpx
|
|||
|
margin 15rpx 0
|
|||
|
.tag
|
|||
|
background-color #3b82f6
|
|||
|
color #fff
|
|||
|
padding 5rpx 15rpx
|
|||
|
border-radius 15rpx
|
|||
|
font-size 22rpx
|
|||
|
.description
|
|||
|
font-size 24rpx
|
|||
|
line-height 36rpx
|
|||
|
color #333
|
|||
|
|
|||
|
.company-info
|
|||
|
background-color #fff
|
|||
|
padding 20rpx 40rpx
|
|||
|
margin-bottom 10rpx
|
|||
|
.company-name
|
|||
|
font-size 28rpx
|
|||
|
font-weight bold
|
|||
|
margin-bottom 10rpx
|
|||
|
.company-details
|
|||
|
font-size 24rpx
|
|||
|
color #666
|
|||
|
|
|||
|
.footer
|
|||
|
position fixed
|
|||
|
bottom calc(var(--status-bar-height) + var(--window-bottom))
|
|||
|
left 0
|
|||
|
width calc(100% - 40rpx)
|
|||
|
padding 20rpx
|
|||
|
background-color #fff
|
|||
|
text-align center
|
|||
|
display flex
|
|||
|
align-items: center
|
|||
|
.apply-btn
|
|||
|
flex: 1
|
|||
|
background-color #22c55e
|
|||
|
color #fff
|
|||
|
border-radius 30rpx
|
|||
|
font-size 32rpx
|
|||
|
margin-right: 30rpx
|
|||
|
</style>
|