sdz/jobslink-user-clent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

招聘页面ui更新

Browse Source
This commit is contained in:
dengxin
2024-02-17 18:22:11 +08:00
parent b04db25a04
commit cf3f4597a1
6 changed files with 498 additions and 376 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
components/companyList/companyList.vue
View File

@@ -7,34 +7,34 @@
</view> </view>
<view class="head_right"> <view class="head_right">
{{companyitem.wage}}{{wageUnit[companyitem.wageUnitCategory]}} {{ companyitem.wage }}{{ wageUnit[companyitem.wageUnitCategory] }}
</view> </view>
</view> </view>
<view class="ask"> <view class="ask">
<view class="askList" v-for="(item,index) in skillNames" :key="index"> <view class="askList" v-for="(item, index) in skillNames" :key="index">
{{item}} {{ item }}
</view> </view>
</view> </view>
<view class="allName"> <view class="allName">
{{companyitem.companyName}} {{ companyitem.companyName }}
</view> </view>
<view class="timeAddress"> <view class="timeAddress">
<view> <view>
报名截止日期：{{dateFormat(companyitem.etimePub)}} 报名截止日期：{{ dateFormat(companyitem.etimePub) }}
</view> </view>
<view v-if="near"> <view v-if="near">
{{companyitem.distanceStr}}km {{ companyitem.distanceStr }}km
</view> </view>
<view v-else> <view v-else>
{{getCity(companyitem.cityId)}} {{ getCity(companyitem.cityId) }}
</view> </view>
</view> </view>
<view class="comment" v-if='comment' @tap.stop="goComment(companyitem.missionNo)"> <view class="comment" v-if='comment' @tap.stop="goComment(companyitem.missionNo)">
<view class="comment_content commentimg" v-if='companyitem.scoreAll>0'> <view class="comment_content commentimg" v-if='companyitem.scoreAll > 0'>
<image class="commentimg_image" src="../../static/img/star.full.svg" v-for="index1 in companyitem.scoreAll" mode="" <image class="commentimg_image" src="../../static/img/star.full.svg" v-for="index1 in companyitem.scoreAll"
:key="index1"></image> mode="" :key="index1"></image>
<image class="commentimg_image" src="../../static/img/star.empty.svg" v-for="index2 in (5-companyitem.scoreAll)" <image class="commentimg_image" src="../../static/img/star.empty.svg"
mode="" :key="index2"></image> v-for="index2 in (5 - companyitem.scoreAll)" mode="" :key="index2"></image>
</view> </view>
<view class="comment_content allName gocomment" v-else> <view class="comment_content allName gocomment" v-else>
评价 评价
@@ -44,18 +44,18 @@
</template> </template>
<script> <script>
import { import {
toDoller, toDoller,
dateFormat dateFormat
} from "../../untils/format.js"; } from "../../untils/format.js";
import dictionary from '@/common/textdata.js'; import dictionary from '@/common/textdata.js';
export default { export default {
beforeCreate: function() {}, beforeCreate: function () { },
props: { props: {
companyitem: { companyitem: {
type: Object, type: Object,
default(){ return [] } default() { return [] }
}, },
comment: { comment: {
type: Boolean, type: Boolean,
@@ -83,18 +83,18 @@
} }
}, },
methods: { methods: {
goComment: function(no) { goComment: function (no) {
uni.navigateTo({ uni.navigateTo({
url: `../../pageMy/mycomment/mycomment?missionNo=${encodeURIComponent(no)}` url: `../../pageMy/mycomment/mycomment?missionNo=${encodeURIComponent(no)}`
}) })
}, },
goInfo: function(no) { goInfo: function (no) {
const isCan = this.noApply === false ? '0' : '1' const isCan = this.noApply === false ? '0' : '1'
uni.navigateTo({ uni.navigateTo({
url: `/pages/projectInfo/projectInfo?missionNo=${encodeURIComponent(no)}&isCan=${isCan}` url: `/pages/projectInfo/projectInfo?missionNo=${encodeURIComponent(no)}&isCan=${isCan}`
}) })
}, },
getCity: function(val) { getCity: function (val) {
if (val) { if (val) {
let areas = this.$store.getters.getAreaParents(val) let areas = this.$store.getters.getAreaParents(val)
if (areas.length === 3) { if (areas.length === 3) {
@@ -105,22 +105,22 @@
toDoller, toDoller,
dateFormat dateFormat
} }
} }
</script> </script>
<style> <style>
.commentimg_image { .commentimg_image {
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
} }
.commentimg { .commentimg {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
} }
.gocomment { .gocomment {
font-size: 26rpx !important; font-size: 26rpx !important;
border-radius: 5rpx; border-radius: 5rpx;
border: 1rpx solid #c3c3c3; border: 1rpx solid #c3c3c3;
@@ -129,9 +129,9 @@
float: right; float: right;
height: 50rpx; height: 50rpx;
line-height: 50rpx; line-height: 50rpx;
} }
.timeAddress { .timeAddress {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
@@ -139,16 +139,16 @@
font-size: 24rpx; font-size: 24rpx;
color: #999999; color: #999999;
margin: 10rpx 0; margin: 10rpx 0;
} }
.allName { .allName {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 28rpx; font-size: 28rpx;
color: #666666; color: #666666;
} }
.askList { .askList {
width: 14%; /* width: 14%; */
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 24rpx; font-size: 24rpx;
color: #666666; color: #666666;
@@ -156,9 +156,9 @@
padding: 5rpx 15rpx; padding: 5rpx 15rpx;
margin-right: 10rpx; margin-right: 10rpx;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.ask { .ask {
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
display: flex; display: flex;
@@ -166,43 +166,46 @@
flex-wrap: wrap; flex-wrap: wrap;
justify-content: flex-start; justify-content: flex-start;
margin: 20rpx 0; margin: 20rpx 0;
} }
.head_right { .head_right {
ont-family: PingFangSC-Medium; ont-family: PingFangSC-Medium;
font-size: 28rpx; font-size: 28rpx;
color: #F46161; color: #F46161;
font-weight: bold; font-weight: bold;
} }
.head_left { .head_left {
font-family: PingFangSC-Medium; font-family: PingFangSC-Medium;
font-size: 32rpx; font-size: 32rpx;
font-weight: bold; font-weight: bold;
color: #333333; color: #333333;
width: 400rpx; width: 350rpx;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
/*不换行*/ /*不换行*/
text-overflow: ellipsis; text-overflow: ellipsis;
/*超出部分文字以...显示*/ /*超出部分文字以...显示*/
} }
.highlight { .highlight {
color: #F46161; color: #F46161;
} }
.body { .body {
width: 690rpx; width: 690rpx;
margin: 0rpx auto; margin: 0rpx auto;
padding: 20rpx 0;
background-color: #fefefe; background-color: #fefefe;
overflow: hidden; overflow: hidden;
} box-sizing: border-box;
padding: 20rpx;
border-radius: 20rpx;
margin-top: 20rpx;
}
.heads { .heads {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
</style> </style>

27
components/vertical-menu/vertical-menu.vue
View File

@@ -26,7 +26,7 @@
<view @click="clickFunc({ 'type': 'industry' })" v-else-if="item.name === `行业`" <view @click="clickFunc({ 'type': 'industry' })" v-else-if="item.name === `行业`"
class="thumb-box thumb-box1"> class="thumb-box thumb-box1">
<u-cell-group> <u-cell-group>
<u-cell icon="map" :title="areaModal.industry" :isLink="true" <u-cell icon="calendar" :title="industryModal.industry" :isLink="true"
arrow-direction="down"></u-cell> arrow-direction="down"></u-cell>
</u-cell-group> </u-cell-group>
</view> </view>
@@ -45,8 +45,8 @@
</view> </view>
<view class="buttonWrapper"> <view class="buttonWrapper">
<view class="cancelButton">取消</view> <view class="cancelButton" @click="closePopUp">取消</view>
<view class="sureButton">确定</view> <view class="sureButton" @click="subMitPopUp({submitData,areaModal,industryModal})">确定</view>
</view> </view>
<!-- 省市 --> <!-- 省市 -->
<data-picker :show="areaModal.addressShow" @confirm='confirmAddress' @cancel='areaModal.addressShow = false' <data-picker :show="areaModal.addressShow" @confirm='confirmAddress' @cancel='areaModal.addressShow = false'
@@ -54,7 +54,8 @@
:defaultIds="areaModal.defaultIds" :showToolbar="false" :showBottombar="true" :defaultIds="areaModal.defaultIds" :showToolbar="false" :showBottombar="true"
:labelName="areaModal.labelName"></data-picker> :labelName="areaModal.labelName"></data-picker>
<!-- 行业 --> <!-- 行业 -->
<u-picker @confirm="pickerIndustryFunc" @cancel="industryModal.industryShow = false" :show="industryModal.industryShow" :columns="industryModal.industry"></u-picker> <u-picker @confirm="pickerIndustryFunc" keyName="name" @cancel="industryModal.industryShow = false"
:show="industryModal.industryShow" :columns="industryModal.industryList"></u-picker>
</view> </view>
</template> </template>
@@ -62,6 +63,16 @@
import classifyData from './classifyData.js'; import classifyData from './classifyData.js';
import { getTrade } from '@/api/resume.js' import { getTrade } from '@/api/resume.js'
export default { export default {
props: {
closePopUp: {
type: Function,
required: true
},
subMitPopUp: {
type: Function,
required: true
},
},
components: { components: {
// vTabs, // vTabs,
// companyList, verticalMenu // companyList, verticalMenu
@@ -92,10 +103,9 @@ export default {
}, },
industryModal: { industryModal: {
industry: [['中国', '美国', '日本']], industry: "",
industryList: [[]],
industryShow: false, industryShow: false,
}, },
submitData: {}, submitData: {},
@@ -120,6 +130,8 @@ export default {
} }
}) })
this.tabbar = newData; this.tabbar = newData;
this.industryModal.industry = res.data.data[0]?.name
this.industryModal.industryList = [res.data.data]
}) })
}, },
@@ -286,6 +298,7 @@ export default {
}, },
pickerIndustryFunc(val) { pickerIndustryFunc(val) {
console.log(val); console.log(val);
this.industryModal.industry = val.value[0].name;
this.industryModal.industryShow = false this.industryModal.industryShow = false
} }

11
pageMy/my/resume/index.vue
View File

@@ -41,7 +41,8 @@
您想工作的地点 您想工作的地点
</view> </view>
<view v-bind:class="['jobText']"> <view v-bind:class="['jobText']">
{{ myResume.city == {} ? myResume.city.id ? getCity(myResume.city.id) : myResume.city.workplace : '请选择' }} {{ myResume.city == {} ? myResume.city.id ? getCity(myResume.city.id) : myResume.city.workplace : '请选择'
}}
</view> </view>
</view> </view>
<image src="../../../static/img/right.svg" mode=""></image> <image src="../../../static/img/right.svg" mode=""></image>
@@ -374,7 +375,9 @@ export default {
color: #666666; color: #666666;
background: #ffffff; background: #ffffff;
overflow-y: auto; overflow-y: auto;
white-space: nowrap; /* white-space: nowrap; */
overflow-wrap: break-word;
word-wrap: break-word;
} }
.list image { .list image {
@@ -386,9 +389,11 @@ export default {
.list { .list {
padding: 0 15px 0 30rpx; padding: 0 15px 0 30rpx;
height: 126rpx; height: 126rpx;
line-height: 126rpx; /* line-height: 126rpx; */
background: #fff; background: #fff;
border-bottom: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2;
display: flex;
align-items: center;
} }
.title image { .title image {

2
pages.json
View File

@@ -105,7 +105,7 @@
{ {
"path" : "pages/seach/seach", "path" : "pages/seach/seach",
"style" : { "style" : {
"navigationBarTitleText" : "", "navigationBarTitleText" : "德阳市灵活就业平台",
"navigationBarBackgroundColor" : "#FFFFFF" "navigationBarBackgroundColor" : "#FFFFFF"
} }
}, },

111
pages/project/project.vue
View File

@@ -1,38 +1,36 @@
<template> <template>
<view> <view>
<view class="titleSearch"> <view class="titleSearch">
<view class="searchName">抢任务</view> <view class="searchName">搜 索</view>
<u-search @focus="goSeach" shape="round" :showAction="false"></u-search> <u-search placeholder="搜任务/搜岗位/搜政策" @focus="goSeach" shape="round" :showAction="false"></u-search>
</view>
<view>
<view>任务</view>
<view>岗位</view>
<view>推荐</view>
</view> </view>
<view class="content">
<view class="typeButtonWrapper">
<view class="typeButtonLeft">
<view v-for="(item, index) in nonReactiveArray" :key="index"
:class="['typeButton', index == activeTab ? 'activeButton' : '']" @click="changeTab(index)">{{ item
}}</view>
</view>
<!-- 筛选 --> <!-- 筛选 -->
<view class="screenButton" @click="showPopUp = true"> <view class="screenButton" @click="showPopUp = true">
筛选 筛选
<view class="arrow-up-right"> </view> <view class="arrow-up-right"> </view>
</view> </view>
<u-popup closeable :show="showPopUp" mode="right" @close="closePopUp" @open="openPopUp"> </view>
<u-popup closeable :show="showPopUp" mode="right" @close="closePopUp">
<view class="popUpWrapper"> <view class="popUpWrapper">
<verticalMenu></verticalMenu> <verticalMenu :closePopUp="closePopUp" :subMitPopUp="subMitPopUp" />
</view> </view>
</u-popup> </u-popup>
<!-- <v-tabs :tabs="['最新', '附近', '推荐']" height="45px" v-model="activeTab" color="#999" activeColor="#000"
fontSize="36rpx" activeFontSize="36rpx" @change='changeTab' />
<image src="../../static/img/search.svg" @click="goSeach" class="topseach" mode=""></image> -->
<block v-if="activeTab == 0"> <block v-if="activeTab == 0">
<view v-if="newList.length > 0"> <view v-if="newList.length > 0">
<block v-for="(item, index) in newList" :key="index"> <block v-for="(item, index) in newList" :key="index">
<companyList :companyitem="item"></companyList> <companyList :companyitem="item"></companyList>
<view class="baddd"></view>
</block> </block>
</view> </view>
<view v-else> <view v-else>
@@ -43,19 +41,16 @@
<block v-if="activeTab == 1"> <block v-if="activeTab == 1">
<view> <view>
<view class="baddd"></view>
<view class="location" @click="gomap"> <view class="location" @click="gomap">
<image src="../../static/img/location.svg" mode=""></image> <image src="../../static/img/location.svg" mode=""></image>
{{ currentAddress }}（切换位置） {{ currentAddress }}（切换位置）
<image src="../../static/img/right.svg" mode=""></image> <image src="../../static/img/right.svg" mode=""></image>
</view> </view>
<view class="baddd"></view>
</view> </view>
<view v-if="companyList.length > 0"> <view v-if="companyList.length > 0">
<block v-for="(item, index) in companyList" :key="item.id"> <block v-for="(item, index) in companyList" :key="item.id">
<companyList :companyitem="item" :near="activeTab === 0"></companyList> <companyList :companyitem="item" :near="activeTab === 0"></companyList>
<view class="baddd"></view>
</block> </block>
</view> </view>
<view v-else> <view v-else>
@@ -70,7 +65,6 @@
<view v-if="recommendList.length > 0"> <view v-if="recommendList.length > 0">
<block v-for="(item, index) in recommendList" :key="item.id"> <block v-for="(item, index) in recommendList" :key="item.id">
<companyList :companyitem="item"></companyList> <companyList :companyitem="item"></companyList>
<view class="baddd"></view>
</block> </block>
</view> </view>
@@ -87,6 +81,8 @@
<cs-button></cs-button> <cs-button></cs-button>
</view> </view>
</view>
</template> </template>
<script> <script>
@@ -102,11 +98,13 @@ import {
getcoder getcoder
} from "@/api/map.js"; } from "@/api/map.js";
import verticalMenu from '@/components/vertical-menu/vertical-menu.vue'; import verticalMenu from '@/components/vertical-menu/vertical-menu.vue';
export default { export default {
components: { components: {
vTabs, vTabs,
companyList, verticalMenu companyList, verticalMenu
}, },
data() { data() {
return { return {
activeTab: 0, activeTab: 0,
@@ -136,12 +134,8 @@ export default {
key: 'FW3BZ-6JTK6-GCUS5-MZCRR-3GPR5-HJFEI', key: 'FW3BZ-6JTK6-GCUS5-MZCRR-3GPR5-HJFEI',
open: false, open: false,
showPopUp: false, showPopUp: false,
indexList: ["年龄", "学历", "工资"],
itemArr: [ nonReactiveArray: ["任务", "岗位", "推荐"],
['列表A1', '列表A2', '列表A3'],
['列表B1', '列表B2', '列表B3'],
['列表C1', '列表C2', '列表C3'],
]
} }
}, },
onLoad: function () { onLoad: function () {
@@ -362,42 +356,78 @@ export default {
} }
}, },
openPopUp() {
// console.log('open');
},
closePopUp() { closePopUp() {
this.showPopUp = false this.showPopUp = false
// console.log('close'); },
subMitPopUp({submitData,areaModal,industryModal}) {
console.log(submitData,areaModal,industryModal,"------确定");
this.showPopUp = false
} }
} }
} }
</script> </script>
<style> <style scoped>
.titleSearch{ .titleSearch {
display: flex; display: flex;
width: 80%; width: 80%;
margin: 0 auto; margin: 0 auto;
font-size: 22px; font-size: 22px;
font-weight: bold; font-weight: bold;
padding: 10rpx; padding: 20rpx;
}
.searchName {
margin-right: 28rpx;
} }
.searchName{
margin-right: 15rpx; .content {
background-color: #f3f4f8;
padding-top: 20rpx;
min-height: 80vh;
} }
.screenButton { .screenButton {
position: absolute; /* position: absolute;
top: 10px; top: 10px;
z-index: 1; z-index: 1;
left: 30rpx; left: 30rpx; */
/* border: 1px solid black; */ position: relative;
width: 50px; width: 50px;
text-align: center; text-align: center;
line-height: 30px; line-height: 30px;
font-size: 14px; font-size: 14px;
background-color: #f3f4f8; background-color: #fff;
}
.typeButtonWrapper {
width: 92%;
margin: 0 auto;
display: flex;
justify-content: space-between;
/* margin-bottom: 10rpx; */
}
.typeButtonLeft {
display: flex;
}
.typeButton {
font-size: 14px;
padding: 10rpx 40rpx;
background: #fff;
border-radius: 50px;
margin-right: 10rpx;
}
.activeButton {
color: #4171f9;
background-color: #cfdaf8;
} }
.arrow-up-right { .arrow-up-right {
@@ -478,10 +508,7 @@ export default {
margin-top: 300rpx; margin-top: 300rpx;
} }
.baddd {
background: #f6f6f6;
height: 20rpx;
}
.popUpWrapper { .popUpWrapper {
width: 100%; width: 100%;

196
pages/seach/seach.vue
View File

@@ -1,17 +1,67 @@
<template> <template>
<view> <view class="mainWrapper">
<view class="headSearch"> <view class="headSearch">
<view class="search-view"> <view class="search-view">
<view class="search-item"> <view class="search-item">
<image src="../../static/img/search.svg" style="width: 32rpx;height: 32rpx;" mode=""></image> <image src="../../static/img/search.svg" style="width: 32rpx;height: 32rpx;" mode=""></image>
<input type="text" confirm-type="搜索" v-model="keywords" @confirm="getList('search')" placeholder="请输入任务名称或公司名称"/> <input type="text" confirm-type="搜索" v-model="keywords" @confirm="getList('search')"
placeholder="请输入任务名称或公司名称" />
</view> </view>
<view class="close" @click="closeBack"> <view class="close" @click="closeBack">
取消 取消
</view> </view>
</view> </view>
</view> </view>
<view v-if="companyList.length>0"> <v-tabs :tabs="['推荐任务', '推荐服务', '推荐政策']" height="45px" v-model="activeTab" color="#999" activeColor="#000"
fontSize="30rpx" activeFontSize="31rpx" @change='changeTab' />
<block v-if="activeTab == 0">
<view v-if="companyList.length > 0">
<block v-for="(item, index) in companyList" :key="item.id">
<companyList :companyitem="item"></companyList>
</block>
</view>
<view v-else>
<image src="../../static/img/pic_notask.svg" mode="" class="nothing"></image>
<view class="nothingContnt">
暂无信息
</view>
</view>
</block>
<block v-if="activeTab == 1">
<view v-if="newList.length > 0">
<block v-for="(item, index) in newList" :key="index">
<companyList :companyitem="item"></companyList>
</block>
</view>
<view v-else>
<image src="../../static/img/pic_notask.svg" class="nothing" mode=""></image>
<view class="nothingContnt">暂无信息</view>
</view>
</block>
<block v-if="activeTab == 2">
<view v-if="recommendList.length > 0">
<block v-for="(item, index) in recommendList" :key="item.id">
<companyList :companyitem="item"></companyList>
</block>
</view>
<view v-else>
<image src="../../static/img/pic_notask.svg" mode="" class="nothing"></image>
<view class="nothingContnt">
完善技能，获取精推荐
</view>
<!-- <view class="btn" @click="goResume">
完善技能
</view> -->
</view>
</block>
<!-- <view v-if="companyList.length > 0">
<block v-for="(item, index) in companyList" :key="item.id"> <block v-for="(item, index) in companyList" :key="item.id">
<companyList :companyitem="item"></companyList> <companyList :companyitem="item"></companyList>
<view class="baddd"></view> <view class="baddd"></view>
@@ -22,71 +72,78 @@
<view class="nothingContnt"> <view class="nothingContnt">
暂无任务信息 暂无任务信息
</view> </view>
</view> -->
</view> </view>
</view>
</template> </template>
<script> <script>
import {newMissionAll} from '@/api/mission.js'; import { newMissionAll } from '@/api/mission.js';
import companyList from '@/components/companyList/companyList.vue'; import companyList from '@/components/companyList/companyList.vue';
import vTabs from '@/components/v-tabs/v-tabs.vue';
import testData from '@/common/textdata.js'; import testData from '@/common/textdata.js';
export default { export default {
components: { components: {
companyList companyList,
vTabs,
}, },
data() { data() {
return { return {
activeTab: 0,
companyList: [], companyList: [],
keywords:'', recommendList: [],
page:{ newList: [],
current:1, keywords: '',
size:10, page: {
total:0 current: 1,
size: 10,
total: 0
} }
}; };
}, },
onLoad:function(option) { onLoad: function (option) {
this.keywords = option.keywords?option.keywords:'' this.keywords = option.keywords ? option.keywords : ''
}, },
onShow:function(){ onShow: function () {
this.getList('search'); this.getList('search');
}, },
/*页面滚动到底部*/ /*页面滚动到底部*/
onReachBottom:function(){ onReachBottom: function () {
this.upLoad() this.upLoad()
}, },
methods: { methods: {
//最新任务； //最新任务；
getList:function(type){ getList: function (type) {
//改变搜索条件，页码值变为1 //改变搜索条件，页码值变为1
if(type==='search'){ if (type === 'search') {
this.page.current = 1; this.page.current = 1;
}; };
if(this.keywords){ // if (this.keywords) {
newMissionAll(this.page.current,this.page.size,this.keywords).then(res => { newMissionAll(this.page.current, this.page.size, this.keywords).then(res => {
if(this.page.current===1){ if (this.page.current === 1) {
this.companyList=[]; this.companyList = [];
} }
this.page.current +=1; this.page.current += 1;
this.page.total = res.data.data.total; this.page.total = res.data.data.total;
if(res.data.data&&res.data.data.records.length){ if (res.data.data && res.data.data.records.length) {
this.companyList = this.companyList.concat(res.data.data.records); this.companyList = this.companyList.concat(res.data.data.records);
} }
//搜索关键词高亮 //搜索关键词高亮
if(this.companyList.length){ // if (this.companyList.length) {
this.companyList.forEach((item, index) => { // this.companyList.forEach((item, index) => {
item.missionTitle = this.getInf(item.missionTitle, this.keywords); // item.missionTitle = this.getInf(item.missionTitle, this.keywords);
}); // });
} // }
console.log(this.companyList, '----------');
}) })
} // }
}, },
//上拉加载 //上拉加载
upLoad:function(){ upLoad: function () {
if(this.page.current<=Math.ceil(this.page.total/this.page.size)){ if (this.page.current <= Math.ceil(this.page.total / this.page.size)) {
this.getList(); this.getList();
}else{ } else {
uni.showToast({ uni.showToast({
icon: "none", icon: "none",
title: '已经是最后一页', title: '已经是最后一页',
@@ -94,9 +151,9 @@ export default {
return return
} }
}, },
closeBack(){ closeBack() {
uni.navigateBack({ uni.navigateBack({
delta:1 delta: 1
}) })
}, },
/** /**
@@ -110,33 +167,44 @@ export default {
let replaceString = "<span style='color: #1b66ff;'>" + key + "</span>" // 高亮替换 let replaceString = "<span style='color: #1b66ff;'>" + key + "</span>" // 高亮替换
return str.replace(replaceReg, replaceString); return str.replace(replaceReg, replaceString);
} }
} },
changeTab: function (e) {
this.activeTab = e;
},
} }
}; };
</script> </script>
<style> <style scoped>
.baddd{ .mainWrapper{
background-color: #f3f4f8;
min-height: 95vh;
}
.baddd {
background-color: #f6f6f6; background-color: #f6f6f6;
height: 20rpx; height: 20rpx;
} }
.close{
.close {
position: absolute; position: absolute;
right: 24rpx; right: 24rpx;
top: 0; top: 6rpx;
height: 60rpx; height: 60rpx;
padding: 5rpx 0; padding: 5rpx 0;
line-height: 60rpx; line-height: 60rpx;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 32rpx; font-size: 32rpx;
color: #333333; color: #333333;
} }
.headSearch .search-view {
.headSearch .search-view {
border-bottom: 1rpx solid #dddddd; border-bottom: 1rpx solid #dddddd;
padding: 10rpx 32rpx; padding: 10rpx 32rpx;
background: rgba(255, 255, 255, 1); background: rgba(255, 255, 255, 1);
} }
.headSearch .search-item{
.headSearch .search-item {
display: flex; display: flex;
width: 80%; width: 80%;
padding: 0 24rpx; padding: 0 24rpx;
@@ -145,8 +213,10 @@ export default {
background: rgba(249, 249, 249, 1); background: rgba(249, 249, 249, 1);
border-radius: 200px; border-radius: 200px;
align-items: center; align-items: center;
} border: 1px solid #0091ff;
.headSearch .search-item input { }
.headSearch .search-item input {
padding: 0 24rpx; padding: 0 24rpx;
height: 80rpx; height: 80rpx;
font-weight: 400; font-weight: 400;
@@ -155,26 +225,30 @@ export default {
font-size: 28rpx; font-size: 28rpx;
font-family: PingFang-SC-Bold, PingFang-SC; font-family: PingFang-SC-Bold, PingFang-SC;
color: rgba(51, 51, 51, 1); color: rgba(51, 51, 51, 1);
} }
.headSearch .search-item .placeholderClass {
.headSearch .search-item .placeholderClass {
color: #CCCCCC; color: #CCCCCC;
} }
.headSearch .search-item image {
.headSearch .search-item image {
height: 32rpx; height: 32rpx;
width: 32rpx; width: 32rpx;
} }
.nothingContnt{
font-family: PingFangSC-Regular; .nothing {
font-size: 28rpx;
color: #666;
margin-top: 30rpx;
text-align: center;
}
.nothing{
width: 400rpx; width: 400rpx;
height: 200rpx; height: 200rpx;
display: block; display: block;
margin: 0 auto; margin: 0 auto;
margin-top: 50%; margin-top: 50%;
} }
.nothingContnt {
font-family: PingFangSC-Regular;
font-size: 28rpx;
color: #333333;
margin-top: 30rpx;
text-align: center;
}
</style> </style>