筛选样式

cyl/dev
wangxia 1 year ago
parent 4eaa130560
commit f55d6b4c2f

@ -13,6 +13,39 @@ Page({
toped: "1",
jobNum: 0, // 48小时更新职位数
currCode: '',
anchorList: [
{
id: 'age',
name: '年龄'
},
{
id: 'gender',
name: '性别'
},
{
id: 'class',
name: '分类'
},
{
id: 'xzfl',
name: '薪资福利'
},
{
id: 'ssbz',
name: '宿舍保障'
},
{
id: 'bzxx',
name: '班制休息'
},
{
id: 'msts',
name: '面试特色'
}, {
id: 'qtts',
name: '其他特色'
}
],
colorList: [{
color: '#1890ff',
background: '#ccc'
@ -151,6 +184,7 @@ Page({
halfHide: true, // 智能匹配显示一半控制
topNum: 0,
scrollTo: "", // 列表滚动的控制
filterTo: 'age',// 筛选锚点控制
navList: [],
bannerList: [],
/**
@ -669,7 +703,7 @@ Page({
data: {
type: 90,
industry: 2,
hasJob:1
hasJob: 1
}
}).then((res) => {
wx.setStorageSync("FILTER_LIST", res.data.data);
@ -2638,7 +2672,7 @@ Page({
data.recordList
);
that.data.recordList = that.data.recordList.concat(jobListTemp);
that.setData({
recordList: that.data.recordList,
hasMoreData: true,
@ -4767,5 +4801,19 @@ Page({
}).catch(() => {
})
}
},
goAnchor (e) {
console.log(e.currentTarget.dataset.item.id);
let id
if (e.currentTarget.dataset.item) {
id = e.currentTarget.dataset.item.id
}
this.setData({
filterTo: id
})
},
catchScrollInfo (e) {
console.log(e);
},
});

@ -109,64 +109,69 @@
<i class="iconfont icon-jiaobiao f4 c3 fst ml4" style="height:22px" wx:if="{{(selectJobList.length <= 0 && selectBrandList.length <= 0)}}" data-type="special"></i>
<i wx:if="{{selectJobList.length > 0||selectBrandList.length > 0}}" class="specialnum ml4" catchtap style="display:inline-block" data-type="special">{{selectJobList.length + selectBrandList.length }}</i>
<!-- catchtap="hideLeft" -->
<scroll-view class="gjFixed" catchtouchmove="modalMove" wx:if="{{whichOneShow == 'special'}}">
<scroll-view scroll-y="{{true}}" catchtap class="filterBox filterContainer">
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="title">年龄(岁)</view>
<view class="content por" style="justify-content:space-between">
<!-- <view class="slider_value" style="position: absolute;top: -10px;left: 10px;color: var(--color-ysd);" hover-class="none" hover-stop-propagation="false">{{userAge == 60 ? userAge + '+' : userAge }}</view>
<slider block-size="28" step="{{1}}" selected-color="var(--color-ysd)" bindchange="sliderChange" bindchanging="sliderChange" value="{{userAge}}" min="{{0}}" max="{{60}}"/>-->
<view class="slider_value fsa" style="position: absolute;top: -15px;left: 50%;color: var(--color-ysd);transform:translateX(-50%)" hover-class="none" hover-stop-propagation="false">
<view class hover-class="none" hover-stop-propagation="false">{{minAge + '-'}}</view>
<view class hover-class="none" hover-stop-propagation="false">{{maxAge == 60 ? maxAge + '+' : maxAge }}</view>
<view class="gjFixed" catchtouchmove="modalMove" wx:if="{{whichOneShow == 'special'}}">
<view class="filterContainer filterBox" style hover-class="none" hover-stop-propagation="false">
<scroll-view class style="padding:" scroll-y="{{true}}" hover-class="none" hover-stop-propagation="false">
<view class="{{item.id == filterTo ? 'filterActive' : ''}} br4" style="width:80px;padding:12px 0" wx:for="{{anchorList}}" wx:for-item="item" catchtap="goAnchor" data-item="{{item}}" hover-class="none" hover-stop-propagation="false">{{item.name}}</view>
</scroll-view>
<scroll-view style="width:calc(100% - 100px);padding:8px" bindscroll="catchScrollInfo" data-filterTo='{{filterTo}}' catchtap scroll-y="{{true}}" scroll-into-view="{{filterTo}}" scroll-with-animation="{{true}}">
<view class="sub" id="age" hover-class="none" hover-stop-propagation="false">
<view class="title">年龄(岁)</view>
<view class="content por" style="justify-content:space-between">
<!-- <view class="slider_value" style="position: absolute;top: -10px;left: 10px;color: var(--color-ysd);" hover-class="none" hover-stop-propagation="false">{{userAge == 60 ? userAge + '+' : userAge }}</view>
<slider block-size="28" step="{{1}}" selected-color="var(--color-ysd)" bindchange="sliderChange" bindchanging="sliderChange" value="{{userAge}}" min="{{0}}" max="{{60}}"/>-->
<view class="slider_value fsa" style="position: absolute;top: -15px;left: 50%;color: var(--color-ysd);transform:translateX(-50%)" hover-class="none" hover-stop-propagation="false">
<view class hover-class="none" hover-stop-propagation="false">{{minAge + '-'}}</view>
<view class hover-class="none" hover-stop-propagation="false">{{maxAge == 60 ? maxAge + '+' : maxAge }}</view>
</view>
<range-slider height="50" block-size="50" min="16" max="60" width="{{530}}" values="{{rangeValues}}" bindrangechange="onRangeChange" activeColor="var(--color-ysd)"></range-slider>
</view>
<range-slider height="50" block-size="50" min="16" max="60" values="{{rangeValues}}" bindrangechange="onRangeChange" activeColor="var(--color-ysd)"></range-slider>
</view>
</view>
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="title">性别</view>
<!-- wx:if="{{index != filterData.sex.length - 1}}" -->
<view class="content" style="justify-content:space-between">
<span wx:for="{{filterData.sex}}" catchtap="setActive" wx:key="index" data-type="sex" data-id="{{item.id}}" style="margin-right:{{index == filterData.sex.length - 1? '0':''}}" class="{{item.active ? 'active':''}}" hover-class="none" hover-stop-propagation="false">{{item.name}}</span>
<view class="sub" id="gender" hover-class="none" hover-stop-propagation="false">
<view class="title">性别</view>
<!-- wx:if="{{index != filterData.sex.length - 1}}" -->
<view class="content" style="justify-content:space-between">
<span wx:for="{{filterData.sex}}" catchtap="setActive" wx:key="index" data-type="sex" data-id="{{item.id}}" style="margin-right:{{index == filterData.sex.length - 1? '0':''}}" class="{{item.active ? 'active':''}}" hover-class="none" hover-stop-propagation="false">{{item.name}}</span>
</view>
</view>
</view>
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="title">分类</view>
<view class="content">
<span wx:for="{{filterData.classifyList}}" catchtap="setActive" wx:key="index" data-type="classifyList" data-id="{{item.id}}" class="{{item.active ? 'active':''}}" hover-class="none" hover-stop-propagation="false">{{item.name}}</span>
<view class="sub" id="class" hover-class="none" hover-stop-propagation="false">
<view class="title">分类</view>
<view class="content">
<span wx:for="{{filterData.classifyList}}" catchtap="setActive" wx:key="index" data-type="classifyList" data-id="{{item.id}}" class="{{item.active ? 'active':''}}" hover-class="none" hover-stop-propagation="false">{{item.name}}</span>
</view>
</view>
</view>
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="title">薪资福利</view>
<view class="content">
<span wx:for="{{filterData.jobFilter.tagArray1}}" catchtap="setActive" wx:key="index" data-type="jobFilter" data-arr="tagArray1" data-id="{{item.id}}" class="{{item.active ? 'active':''}}" hover-class="none" hover-stop-propagation="false">{{item.name}}</span>
<view class="sub" id="xzfl" hover-class="none" hover-stop-propagation="false">
<view class="title">薪资福利</view>
<view class="content">
<span wx:for="{{filterData.jobFilter.tagArray1}}" catchtap="setActive" wx:key="index" data-type="jobFilter" data-arr="tagArray1" data-id="{{item.id}}" class="{{item.active ? 'active':''}}" hover-class="none" hover-stop-propagation="false">{{item.name}}</span>
</view>
</view>
</view>
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="title">宿舍保障</view>
<view class="content">
<span wx:for="{{filterData.jobFilter.tagArray3}}" catchtap="setActive" wx:key="index" data-type="jobFilter" data-arr="tagArray3" data-id="{{item.id}}" class="{{item.active ? 'active':''}}" hover-class="none" hover-stop-propagation="false">{{item.name}}</span>
<view class="sub" id="ssbz" hover-class="none" hover-stop-propagation="false">
<view class="title">宿舍保障</view>
<view class="content">
<span wx:for="{{filterData.jobFilter.tagArray3}}" catchtap="setActive" wx:key="index" data-type="jobFilter" data-arr="tagArray3" data-id="{{item.id}}" class="{{item.active ? 'active':''}}" hover-class="none" hover-stop-propagation="false">{{item.name}}</span>
</view>
</view>
</view>
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="title">班制休息</view>
<view class="content">
<span wx:for="{{filterData.jobFilter.tagArray0}}" catchtap="setActive" wx:key="index" data-type="jobFilter" data-arr="tagArray0" data-id="{{item.id}}" class="{{item.active ? 'active':''}}" hover-class="none" hover-stop-propagation="false">{{item.name}}</span>
<view class="sub" id="bzxx" hover-class="none" hover-stop-propagation="false">
<view class="title">班制休息</view>
<view class="content">
<span wx:for="{{filterData.jobFilter.tagArray0}}" catchtap="setActive" wx:key="index" data-type="jobFilter" data-arr="tagArray0" data-id="{{item.id}}" class="{{item.active ? 'active':''}}" hover-class="none" hover-stop-propagation="false">{{item.name}}</span>
</view>
</view>
</view>
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="title">面试特色</view>
<view class="content">
<span wx:for="{{filterData.jobFilter.tagArray4}}" catchtap="setActive" wx:key="index" data-type="jobFilter" data-arr="tagArray4" data-id="{{item.id}}" class="{{item.active ? 'active':''}}" hover-class="none" hover-stop-propagation="false">{{item.name}}</span>
<view class="sub" id="msts" hover-class="none" hover-stop-propagation="false">
<view class="title">面试特色</view>
<view class="content">
<span wx:for="{{filterData.jobFilter.tagArray4}}" catchtap="setActive" wx:key="index" data-type="jobFilter" data-arr="tagArray4" data-id="{{item.id}}" class="{{item.active ? 'active':''}}" hover-class="none" hover-stop-propagation="false">{{item.name}}</span>
</view>
</view>
</view>
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="title">其他特色</view>
<view class="content">
<span wx:for="{{filterData.jobFilter.tagArray2}}" catchtap="setActive" wx:key="index" data-type="jobFilter" data-arr="tagArray2" data-id="{{item.id}}" class="{{item.active ? 'active':''}}" hover-class="none" hover-stop-propagation="false">{{item.name}}</span>
<view class="sub" id="qtts" hover-class="none" hover-stop-propagation="false">
<view class="title">其他特色</view>
<view class="content">
<span wx:for="{{filterData.jobFilter.tagArray2}}" catchtap="setActive" wx:key="index" data-type="jobFilter" data-arr="tagArray2" data-id="{{item.id}}" class="{{item.active ? 'active':''}}" hover-class="none" hover-stop-propagation="false">{{item.name}}</span>
</view>
</view>
</view>
</scroll-view>
</scroll-view>
</view>
<view class="btnBox bt1" catchtap>
<button class="clearFilter" hover-class="thover" style data-type="innerclear" bindtap="clearFilter1">清除</button>
<button class="normalBtn loginOut" hover-class="thover" style="max-width:178px" bindtap="toList">确定</button>
@ -208,7 +213,7 @@
</view>
</view>
</view>
</scroll-view>
</view>
</view>
</view>
</view>
@ -791,191 +796,92 @@
<i class="iconfont icon-huadong f12 ml4 {{leftShow?'rotate':''}}"></i>
</view>
</scroll-view>
</view>
<!-- 简版抽屉 -->
<bottom-drawer show="{{drawerShow}}" drawerType="drawerShow" bindhidedrawer="hidedrawershow" class="bottomDrawer" height="calc(100vh - {{statusBarHeight + ((navigationBarHeight - menuButtonHeight) / 2) + 41}}px)" hideTabbar="{{true}}">
<!-- <view slot="title" class hover-class="none" hover-stop-propagation="false"></view> -->
<view class="fss bb1" style="padding:6px 16px" slot="title">
<view class hover-class="none" style hover-stop-propagation="false">
<view class="fss" hover-class="none" hover-stop-propagation="false">
<span class="f18 fw500">{{currentJobDrawer.jobName}}</span>
<view style="min-width:50px;" class="pr10 ml16 fsa" hover-class="thover" bindtap="sharePoster">
<icon class="iconfont icon-zhuanfa1 f16" style="color:#787878"></icon>
<view class="btext" style="margin-top:4px;">分享</view>
<!-- 简版抽屉 -->
<bottom-drawer show="{{drawerShow}}" drawerType="drawerShow" bindhidedrawer="hidedrawershow" class="bottomDrawer" height="calc(100vh - {{statusBarHeight + ((navigationBarHeight - menuButtonHeight) / 2) + 41}}px)" hideTabbar="{{true}}">
<!-- <view slot="title" class hover-class="none" hover-stop-propagation="false"></view> -->
<view class="fss bb1" style="padding:6px 16px" slot="title">
<view class hover-class="none" style hover-stop-propagation="false">
<view class="fss" hover-class="none" hover-stop-propagation="false">
<span class="f18 fw500">{{currentJobDrawer.jobName}}</span>
<view style="min-width:50px;" class="pr10 ml16 fsa" hover-class="thover" bindtap="sharePoster">
<icon class="iconfont icon-zhuanfa1 f16" style="color:#787878"></icon>
<view class="btext" style="margin-top:4px;">分享</view>
</view>
</view>
</view>
<view class="flex-1">
<view class="jobText f14">服务费:{{!isLogin ? '登录查看服务费' : (agencyStatus == 1 ? (currentJobDrawer.fuWuFei ? currentJobDrawer.fuWuFei : '-') : '服务费仅代理可见')}}</view>
</view>
<view class="display-flex f14" hover-class="none" hover-stop-propagation="false">
<view class="flex-1" hover-class="none" hover-stop-propagation="false">项目方: {{currentJobDrawer.agencyName}}</view>
</view>
</view>
</view>
<view class="content">
<view class="jobOne" hover-start-time="50" hover-stay-time="0" hover-class="none" style="padding: 0;">
<view class="jobIn fsa" style="border-bottom: 1px dashed #eee;padding: 10px 16px;" hover-class="none">
<view class style="min-width:78px">
<i class="iconfont icon-yishoucang f16 biggerSize f16" wx:if="{{currentJobDrawer.collected - 1 == 0}}" data-item="{{currentJobDrawer}}" catchtap="collectPaste" data-collected="{{currentJobDrawer.collected}}" data-jobid="{{currentJobDrawer.id}}" style="margin-right:12px;color: #1890ff">
<p class="f14 ml4">已收藏</p>
</i>
<i class="iconfont icon-shoucang f16 f16 biggerSize" wx:else catchtap="collectPaste" data-item="{{currentJobDrawer}}" data-collected="{{currentJobDrawer.collected}}" data-jobid="{{currentJobDrawer.id}}" style="margin-right:13px;">
<p class="f14 ml4">收藏</p>
</i>
<view class="flex-1">
<view class="jobText f14">服务费:{{!isLogin ? '登录查看服务费' : (agencyStatus == 1 ? (currentJobDrawer.fuWuFei ? currentJobDrawer.fuWuFei : '-') : '服务费仅代理可见')}}</view>
</view>
<view class="miniBtn mr16" bindtap="recordBill" hover-class="thover" hover-stop-propagation="false" style="background-color:{{(agencyStatus != 1 || !isLogin) || (currentJobDrawer.state == 1 && currentJobDrawer.recruitment == 2) ? '#ccc' : ''}}">报名</view>
<!-- copyClose -->
<view class="fsa" catchtap="notarizeShow" hover-class="thover">
<view class="iconfont icon-fuzhi c9 f16 mr4"></view>
<view class="f14">复制</view>
<view class="display-flex f14" hover-class="none" hover-stop-propagation="false">
<view class="flex-1" hover-class="none" hover-stop-propagation="false">项目方: {{currentJobDrawer.agencyName}}</view>
</view>
</view>
</view>
<scroll-view scroll-y="true" class="annunciate" style="white-space:pre-line">
<view class="info" hover-class="none" hover-stop-propagation="false">
<rich-text class hover-class="none" hover-stop-propagation="false" nodes="{{currentJobDrawer.jobDesp1}}"></rich-text>
<!-- <textarea class style="height:580px" value="{{currentJobDrawer.jobDesp1}}" placeholder placeholder-style placeholder-class="textarea-placeholder" disabled="false" maxlength="0"></textarea> -->
<view class="contactInfo" hover-class="none" data-info="{{userInfo.agencyStatus == 1 ? (userInfo.noticeEndStr ? userInfo.noticeEndStr : ('详情咨询:' + userInfo.tel)) : (serviceInfo.userName + ' ' + (serviceInfo.workPhone || '-'))}}" hover-stop-propagation="false">{{userInfo.agencyStatus == 1 ? (userInfo.noticeEndStr ? userInfo.noticeEndStr : ('详情咨询:' + userInfo.tel)) : ('详情咨询:' + (serviceInfo.userName || '') + (serviceInfo.workPhone || '-'))}}</view>
<view class="f16 tac mt16" wx:if="{{userInfo.agencyStatus == 1}}" hover-class="none" hover-stop-propagation="false">
以上联系人,可以
<span class="fw500" bindtap="changeContact" style="color:#576B95;text-decoration:underline">{{userInfo.noticeEndStr ? '修改' : '改成我的'}}</span>
</view>
</view>
</scroll-view>
</view>
</bottom-drawer>
<!-- 复制确认框显示 -->
<bottom-drawer show="{{notarizeDrawerShow}}" drawerType="notarizeDrawerShow" bindhidedrawer="hidedrawershow" cancerShow="{{false}}" touchClose="{{false}}" class="bottomDrawer" titleText="智能匹配" height>
<view class hover-class="none" style="background-color:#f5f5f5" hover-stop-propagation="false">
<view class="weui-actionsheet__menu bgf">
<view aria-role="button" class="weui-actionsheet__cell" bindtap="copyClose">直接复制</view>
<view aria-role="button" class="weui-actionsheet__cell" bindtap="clipboardShow">编辑后复制</view>
</view>
<view class="weui-actionsheet__action">
<view aria-role="button" class="weui-actionsheet__cell bgf mt8 chref pb32" bindtap="hideNotarize">取消</view>
</view>
</view>
</bottom-drawer>
<!-- 复制编辑框显示 -->
<bottom-drawer show="{{clipboardDrawerShow}}" drawerType="clipboardDrawerShow" bindhidedrawer="hidedrawershow" class="bottomDrawer" touchClose="{{false}}" titleText="智能匹配" height="calc(100vh - {{statusBarHeight + ((navigationBarHeight - menuButtonHeight) / 2) + 41}}px)">
<view class="title tac" style="padding:16px 16px" slot="title">以下文本可编辑</view>
<scroll-view scroll-y="{{true}}" style="height:80%;padding: 0 16px" class="editorBox">
<editor id="editor" class="ql-container" style="height:98%" bindstatuschange="onStatusChange" bindready="onEditorReady"></editor>
</scroll-view>
<button class="normalBtn loginOut" hover-class="thover" style="width:260px !important" bindtap="copyClose1">复制</button>
</bottom-drawer>
<canvas type="2d" style="position: absolute;left:-2000px; width: 425px; height: 350px; background: #fff;" id="canvasId"></canvas>
<!-- 海报分享框显示 -->
<bottom-drawer show="{{posterShow}}" drawerType="posterShow" catchtouchmove="modalMove" bindhidedrawer="hidedrawershow" class="bottomDrawer" touchClose="{{false}}" height="calc(100vh - {{statusBarHeight + ((navigationBarHeight - menuButtonHeight) / 2) + 41}}px)">
<view class="showDrawercontent">
<image class="posterImg" src="{{posterImg}}" show-menu-by-longpress="{{true}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror bindload></image>
</view>
<view class="showDrawerbottom">
<button class="normalBtn loginOut" bindtap="saveToalbum">保存到相册</button>
</view>
</bottom-drawer>
<!-- 智能匹配下侧抽屉 -->
<bottom-drawer show="{{leftShow}}" drawerType="leftShow" bindhidedrawer="hidedrawershow" titleText="智能匹配" height="calc(100vh - {{statusBarHeight + ((navigationBarHeight - menuButtonHeight) / 2) + 41}}px)" hideTabbar="{{true}}">
<!-- <view slot="title" class hover-class="none" hover-stop-propagation="false"></view> -->
<view slot="title" class="tac" style="height:54px;line-height:54px" hover-class="none" hover-stop-propagation="false">智能匹配</view>
<scroll-view scroll-y="{{true}}" class="left_drawer_container">
<view class="sub sex" hover-class="none" hover-stop-propagation="false">
<view class="flex-1" hover-class="none" hover-stop-propagation="false">
<view class="title">性别</view>
<view class="content">
<!-- br1 -->
<view wx:for="{{filterData.sex}}" class="{{item.active ? 'active':''}} tac" catchtap="setSmartActive" wx:key="index" data-type="sex" data-id="{{item.id}}" wx:if="{{index != filterData.sex.length - 1}}" style="width:45%;margin-right:{{index == filterData.sex.length - 1? '0':''}}" hover-class="none" hover-stop-propagation="false">
<image class style="width:40px;height:40px" src="{{item.active ? item.selectIcon : item.icon}}" hover-class="none" hover-stop-propagation="false"></image>
<view class="f14" hover-class="none" hover-stop-propagation="false">{{item.name}}</view>
<view class="content">
<view class="jobOne" hover-start-time="50" hover-stay-time="0" hover-class="none" style="padding: 0;">
<view class="jobIn fsa" style="border-bottom: 1px dashed #eee;padding: 10px 16px;" hover-class="none">
<view class style="min-width:78px">
<i class="iconfont icon-yishoucang f16 biggerSize f16" wx:if="{{currentJobDrawer.collected - 1 == 0}}" data-item="{{currentJobDrawer}}" catchtap="collectPaste" data-collected="{{currentJobDrawer.collected}}" data-jobid="{{currentJobDrawer.id}}" style="margin-right:12px;color: #1890ff">
<p class="f14 ml4">已收藏</p>
</i>
<i class="iconfont icon-shoucang f16 f16 biggerSize" wx:else catchtap="collectPaste" data-item="{{currentJobDrawer}}" data-collected="{{currentJobDrawer.collected}}" data-jobid="{{currentJobDrawer.id}}" style="margin-right:13px;">
<p class="f14 ml4">收藏</p>
</i>
</view>
</view>
</view>
<view class="flex-1 pl24 cccc"></view>
<!-- <view class="flex-1 pl24 cccc" hover-class="none" hover-stop-propagation="false">
<view class="title">民族</view>
<view bindchange="bindPickerChangeNation" class="nation_picker" style data-id="{{item.id}}" value="{{item.name}}" wx:for-item="item" range="{{nationArray}}" range-key="name">
<view class="picker tr fsa">
<block wx:if="{{nationIndex == -1}}">
<view class="c9 tl dib" style>请选择</view>
</block>
<block wx:else>
<view class="c3 tr dib">{{nationArray[nationIndex].name}}</view>
</block>
<i class="iconfont icon-gengduo11 f16 ml4 dib pr c9 rot90" style="line-height:1;top:1px;"></i>
</view>
<view class="miniBtn mr16" bindtap="recordBill" hover-class="thover" hover-stop-propagation="false" style="background-color:{{(agencyStatus != 1 || !isLogin) || (currentJobDrawer.state == 1 && currentJobDrawer.recruitment == 2) ? '#ccc' : ''}}">报名</view>
<!-- copyClose -->
<view class="fsa" catchtap="notarizeShow" hover-class="thover">
<view class="iconfont icon-fuzhi c9 f16 mr4"></view>
<view class="f14">复制</view>
</view>
</view>-->
</view>
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="title pb16">年龄(岁)</view>
<view class="content por" style="justify-content:space-between;">
<view class="slider_value fsa f14" style="position: absolute;top: -15px;left: 50%;color: var(--color-ysd);transform:translateX(-50%)" hover-class="none" hover-stop-propagation="false">
<view class hover-class="none" hover-stop-propagation="false">{{minAge + '-'}}</view>
<view class hover-class="none" hover-stop-propagation="false">{{maxAge == 60 ? maxAge + '+' : maxAge }}</view>
</view>
<range-slider height="40" block-size="50" width="660" contentWidth="84vw" min="16" max="60" values="{{rangeValues}}" bindrangechange="onSmartRangeChange" activeColor="var(--color-ysd)"></range-slider>
</view>
</view>
</view>
<view class="sub dn" hover-class="none" hover-stop-propagation="false">
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="title">籍贯</view>
<view class="content" style="justify-content:space-between;">
<input type="text" class="bgf5 matchingInput" placeholder="请输入" catchblur="updateVal" />
</view>
</view>
</view>
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="title pb16">期望薪资</view>
<view class="content por" style="justify-content:space-between;">
<view class="slider_value fsa f14" style="position: absolute;top: -15px;left: 50%;color: var(--color-ysd);transform:translateX(-50%)" hover-class="none" hover-stop-propagation="false">
<view class hover-class="none" hover-stop-propagation="false">{{minSalary * 100 + '-'}}</view>
<view class hover-class="none" hover-stop-propagation="false">{{maxSalary * 100}}</view>
<scroll-view scroll-y="true" class="annunciate" style="white-space:pre-line">
<view class="info" hover-class="none" hover-stop-propagation="false">
<rich-text class hover-class="none" hover-stop-propagation="false" nodes="{{currentJobDrawer.jobDesp1}}"></rich-text>
<!-- <textarea class style="height:580px" value="{{currentJobDrawer.jobDesp1}}" placeholder placeholder-style placeholder-class="textarea-placeholder" disabled="false" maxlength="0"></textarea> -->
<view class="contactInfo" hover-class="none" data-info="{{userInfo.agencyStatus == 1 ? (userInfo.noticeEndStr ? userInfo.noticeEndStr : ('详情咨询:' + userInfo.tel)) : (serviceInfo.userName + ' ' + (serviceInfo.workPhone || '-'))}}" hover-stop-propagation="false">{{userInfo.agencyStatus == 1 ? (userInfo.noticeEndStr ? userInfo.noticeEndStr : ('详情咨询:' + userInfo.tel)) : ('详情咨询:' + (serviceInfo.userName || '') + (serviceInfo.workPhone || '-'))}}</view>
<view class="f16 tac mt16" wx:if="{{userInfo.agencyStatus == 1}}" hover-class="none" hover-stop-propagation="false">
以上联系人,可以
<span class="fw500" bindtap="changeContact" style="color:#576B95;text-decoration:underline">{{userInfo.noticeEndStr ? '修改' : '改成我的'}}</span>
</view>
<range-slider height="40" block-size="50" width="660" contentWidth="84vw" min="10" max="150" values="{{salary}}" bindrangechange="onSalaryRangeChange" activeColor="var(--color-ysd)"></range-slider>
</view>
</view>
</view>
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="title">纹身烟疤</view>
<view class="content">
<span wx:for="{{smartObj.tattoo}}" wx:key="index" bindtap="setSmartActive" data-type="tattoo" data-id="{{item.id}}" class="{{item.active ? 'active':''}}" hover-class="none" hover-stop-propagation="false">{{item.name}}</span>
</view>
</scroll-view>
</view>
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="title">有无案底</view>
<view class="content">
<span wx:for="{{smartObj.criminal}}" wx:key="index" bindtap="setSmartActive" data-type="criminal" data-id="{{item.id}}" class="{{item.active ? 'active':''}}" hover-class="none" hover-stop-propagation="false">{{item.name}}</span>
</bottom-drawer>
<!-- 复制确认框显示 -->
<bottom-drawer show="{{notarizeDrawerShow}}" drawerType="notarizeDrawerShow" bindhidedrawer="hidedrawershow" cancerShow="{{false}}" touchClose="{{false}}" class="bottomDrawer" titleText="智能匹配" height>
<view class hover-class="none" style="background-color:#f5f5f5" hover-stop-propagation="false">
<view class="weui-actionsheet__menu bgf">
<view aria-role="button" class="weui-actionsheet__cell" bindtap="copyClose">直接复制</view>
<view aria-role="button" class="weui-actionsheet__cell" bindtap="clipboardShow">编辑后复制</view>
</view>
</view>
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="title">是否黑户</view>
<view class="content">
<span wx:for="{{smartObj.blacklist}}" wx:key="index" bindtap="setSmartActive" data-type="blacklist" data-id="{{item.id}}" class="{{item.active ? 'active':''}}" hover-class="none" hover-stop-propagation="false">{{item.name}}</span>
<view class="weui-actionsheet__action">
<view aria-role="button" class="weui-actionsheet__cell bgf mt8 chref pb32" bindtap="hideNotarize">取消</view>
</view>
</view>
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="title">身份证</view>
<view class="content">
<span wx:for="{{smartObj.idCardType}}" wx:key="index" bindtap="setSmartActive" data-type="idCardType" data-id="{{item.id}}" class="{{item.active ? 'active':''}}" hover-class="none" hover-stop-propagation="false">{{item.name}}</span>
</view>
</bottom-drawer>
<!-- 复制编辑框显示 -->
<bottom-drawer show="{{clipboardDrawerShow}}" drawerType="clipboardDrawerShow" bindhidedrawer="hidedrawershow" class="bottomDrawer" touchClose="{{false}}" titleText="智能匹配" height="calc(100vh - {{statusBarHeight + ((navigationBarHeight - menuButtonHeight) / 2) + 41}}px)">
<view class="title tac" style="padding:16px 16px" slot="title">以下文本可编辑</view>
<scroll-view scroll-y="{{true}}" style="height:80%;padding: 0 16px" class="editorBox">
<editor id="editor" class="ql-container" style="height:98%" bindstatuschange="onStatusChange" bindready="onEditorReady"></editor>
</scroll-view>
<button class="normalBtn loginOut" hover-class="thover" style="width:260px !important" bindtap="copyClose1">复制</button>
</bottom-drawer>
<canvas type="2d" style="position: absolute;left:-2000px; width: 425px; height: 350px; background: #fff;" id="canvasId"></canvas>
<!-- 海报分享框显示 -->
<bottom-drawer show="{{posterShow}}" drawerType="posterShow" catchtouchmove="modalMove" bindhidedrawer="hidedrawershow" class="bottomDrawer" touchClose="{{false}}" height="calc(100vh - {{statusBarHeight + ((navigationBarHeight - menuButtonHeight) / 2) + 41}}px)">
<view class="showDrawercontent">
<image class="posterImg" src="{{posterImg}}" show-menu-by-longpress="{{true}}" mode="aspectFit|aspectFill|widthFix" lazy-load="false" binderror bindload></image>
</view>
<!-- <view class` -->
</scroll-view>
<view class="btnBox bt1" style="padding-bottom:32px">
<button class="clearFilter" hover-class="thover" style="min-width:112px" data-type="innerclear" bindtap="smartClear">清除</button>
<button class="normalBtn loginOut" hover-class="thover" bindtap="smartSub">确定</button>
</view>
</bottom-drawer>
<view class="leftBox dn" hover-class="none" hover-stop-propagation="false">
<view class="mask" wx:if="{{leftShow}}" catchtouchmove="modalMove" bindtap="hideLeft"></view>
<view class="hideBox {{leftShow ? 'leftShow':''}}" style="height: calc(100vh - {{statusBarHeight + ((navigationBarHeight - menuButtonHeight) / 2) + 41}}px);" bindtouchstart="filterTouchStart" catchtouchmove="filterTouchMove">
<view class="tac bb1 fw500 por" hover-class="none" hover-stop-propagation="false">
<view class style="height:54px;line-height:54px" hover-class="none" hover-stop-propagation="false">智能匹配</view>
<view class="iconfont icon-guanbi11 f14 c9 poa" style="color:#333;right:8px;top:16px;width:32px;height:32px" catchtap="hideLeft"></view>
<view class="showDrawerbottom">
<button class="normalBtn loginOut" bindtap="saveToalbum">保存到相册</button>
</view>
</bottom-drawer>
<!-- 智能匹配下侧抽屉 -->
<bottom-drawer show="{{leftShow}}" drawerType="leftShow" bindhidedrawer="hidedrawershow" titleText="智能匹配" height="calc(100vh - {{statusBarHeight + ((navigationBarHeight - menuButtonHeight) / 2) + 41}}px)" hideTabbar="{{true}}">
<!-- <view slot="title" class hover-class="none" hover-stop-propagation="false"></view> -->
<view slot="title" class="tac" style="height:54px;line-height:54px" hover-class="none" hover-stop-propagation="false">智能匹配</view>
<scroll-view scroll-y="{{true}}" class="left_drawer_container">
<view class="sub sex" hover-class="none" hover-stop-propagation="false">
<view class="flex-1" hover-class="none" hover-stop-propagation="false">
@ -1066,16 +972,115 @@
<button class="clearFilter" hover-class="thover" style="min-width:112px" data-type="innerclear" bindtap="smartClear">清除</button>
<button class="normalBtn loginOut" hover-class="thover" bindtap="smartSub">确定</button>
</view>
</bottom-drawer>
<view class="leftBox dn" hover-class="none" hover-stop-propagation="false">
<view class="mask" wx:if="{{leftShow}}" catchtouchmove="modalMove" bindtap="hideLeft"></view>
<view class="hideBox {{leftShow ? 'leftShow':''}}" style="height: calc(100vh - {{statusBarHeight + ((navigationBarHeight - menuButtonHeight) / 2) + 41}}px);" bindtouchstart="filterTouchStart" catchtouchmove="filterTouchMove">
<view class="tac bb1 fw500 por" hover-class="none" hover-stop-propagation="false">
<view class style="height:54px;line-height:54px" hover-class="none" hover-stop-propagation="false">智能匹配</view>
<view class="iconfont icon-guanbi11 f14 c9 poa" style="color:#333;right:8px;top:16px;width:32px;height:32px" catchtap="hideLeft"></view>
</view>
<scroll-view scroll-y="{{true}}" class="left_drawer_container">
<view class="sub sex" hover-class="none" hover-stop-propagation="false">
<view class="flex-1" hover-class="none" hover-stop-propagation="false">
<view class="title">性别</view>
<view class="content">
<!-- br1 -->
<view wx:for="{{filterData.sex}}" class="{{item.active ? 'active':''}} tac" catchtap="setSmartActive" wx:key="index" data-type="sex" data-id="{{item.id}}" wx:if="{{index != filterData.sex.length - 1}}" style="width:45%;margin-right:{{index == filterData.sex.length - 1? '0':''}}" hover-class="none" hover-stop-propagation="false">
<image class style="width:40px;height:40px" src="{{item.active ? item.selectIcon : item.icon}}" hover-class="none" hover-stop-propagation="false"></image>
<view class="f14" hover-class="none" hover-stop-propagation="false">{{item.name}}</view>
</view>
</view>
</view>
<view class="flex-1 pl24 cccc"></view>
<!-- <view class="flex-1 pl24 cccc" hover-class="none" hover-stop-propagation="false">
<view class="title">民族</view>
<view bindchange="bindPickerChangeNation" class="nation_picker" style data-id="{{item.id}}" value="{{item.name}}" wx:for-item="item" range="{{nationArray}}" range-key="name">
<view class="picker tr fsa">
<block wx:if="{{nationIndex == -1}}">
<view class="c9 tl dib" style>请选择</view>
</block>
<block wx:else>
<view class="c3 tr dib">{{nationArray[nationIndex].name}}</view>
</block>
<i class="iconfont icon-gengduo11 f16 ml4 dib pr c9 rot90" style="line-height:1;top:1px;"></i>
</view>
</view>
</view>-->
</view>
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="title pb16">年龄(岁)</view>
<view class="content por" style="justify-content:space-between;">
<view class="slider_value fsa f14" style="position: absolute;top: -15px;left: 50%;color: var(--color-ysd);transform:translateX(-50%)" hover-class="none" hover-stop-propagation="false">
<view class hover-class="none" hover-stop-propagation="false">{{minAge + '-'}}</view>
<view class hover-class="none" hover-stop-propagation="false">{{maxAge == 60 ? maxAge + '+' : maxAge }}</view>
</view>
<range-slider height="40" block-size="50" width="660" contentWidth="84vw" min="16" max="60" values="{{rangeValues}}" bindrangechange="onSmartRangeChange" activeColor="var(--color-ysd)"></range-slider>
</view>
</view>
</view>
<view class="sub dn" hover-class="none" hover-stop-propagation="false">
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="title">籍贯</view>
<view class="content" style="justify-content:space-between;">
<input type="text" class="bgf5 matchingInput" placeholder="请输入" catchblur="updateVal" />
</view>
</view>
</view>
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="title pb16">期望薪资</view>
<view class="content por" style="justify-content:space-between;">
<view class="slider_value fsa f14" style="position: absolute;top: -15px;left: 50%;color: var(--color-ysd);transform:translateX(-50%)" hover-class="none" hover-stop-propagation="false">
<view class hover-class="none" hover-stop-propagation="false">{{minSalary * 100 + '-'}}</view>
<view class hover-class="none" hover-stop-propagation="false">{{maxSalary * 100}}</view>
</view>
<range-slider height="40" block-size="50" width="660" contentWidth="84vw" min="10" max="150" values="{{salary}}" bindrangechange="onSalaryRangeChange" activeColor="var(--color-ysd)"></range-slider>
</view>
</view>
</view>
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="title">纹身烟疤</view>
<view class="content">
<span wx:for="{{smartObj.tattoo}}" wx:key="index" bindtap="setSmartActive" data-type="tattoo" data-id="{{item.id}}" class="{{item.active ? 'active':''}}" hover-class="none" hover-stop-propagation="false">{{item.name}}</span>
</view>
</view>
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="title">有无案底</view>
<view class="content">
<span wx:for="{{smartObj.criminal}}" wx:key="index" bindtap="setSmartActive" data-type="criminal" data-id="{{item.id}}" class="{{item.active ? 'active':''}}" hover-class="none" hover-stop-propagation="false">{{item.name}}</span>
</view>
</view>
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="title">是否黑户</view>
<view class="content">
<span wx:for="{{smartObj.blacklist}}" wx:key="index" bindtap="setSmartActive" data-type="blacklist" data-id="{{item.id}}" class="{{item.active ? 'active':''}}" hover-class="none" hover-stop-propagation="false">{{item.name}}</span>
</view>
</view>
<view class="sub" hover-class="none" hover-stop-propagation="false">
<view class="title">身份证</view>
<view class="content">
<span wx:for="{{smartObj.idCardType}}" wx:key="index" bindtap="setSmartActive" data-type="idCardType" data-id="{{item.id}}" class="{{item.active ? 'active':''}}" hover-class="none" hover-stop-propagation="false">{{item.name}}</span>
</view>
</view>
<!-- <view class` -->
</scroll-view>
<view class="btnBox bt1" style="padding-bottom:32px">
<button class="clearFilter" hover-class="thover" style="min-width:112px" data-type="innerclear" bindtap="smartClear">清除</button>
<button class="normalBtn loginOut" hover-class="thover" bindtap="smartSub">确定</button>
</view>
</view>
</view>
</view>
<view aria-role="dialog" aria-modal="true" catchtouchmove="modalMove" class="fadeIn" wx:if="{{gzhDialog}}">
<view class="weui-mask" style="z-index:1000"></view>
<view class="weui-dialog contact" style="box-sizing:border-box;">
<view class="weui-dialog__hd">
<i class="iconfont icon-guanbi guanbi c6 biggerSize" bindtap="closeGzh"></i>
<image src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/gzhQRcode.jpg" bindload="imageLoad" show-menu-by-longpress="{{true}}" style="width: 184px;height: 184px;"></image>
<view class="f14 c3 mt24">长按识别二维码 关注公众号</view>
<view class="f14" hover-class="none" hover-stop-propagation="false">实时了解工单状态变化</view>
<view aria-role="dialog" aria-modal="true" catchtouchmove="modalMove" class="fadeIn" wx:if="{{gzhDialog}}">
<view class="weui-mask" style="z-index:1000"></view>
<view class="weui-dialog contact" style="box-sizing:border-box;">
<view class="weui-dialog__hd">
<i class="iconfont icon-guanbi guanbi c6 biggerSize" bindtap="closeGzh"></i>
<image src="https://matripe-cms.oss-cn-beijing.aliyuncs.com/1shoudan/gzhQRcode.jpg" bindload="imageLoad" show-menu-by-longpress="{{true}}" style="width: 184px;height: 184px;"></image>
<view class="f14 c3 mt24">长按识别二维码 关注公众号</view>
<view class="f14" hover-class="none" hover-stop-propagation="false">实时了解工单状态变化</view>
</view>
</view>
</view>
</view>

@ -1353,14 +1353,21 @@ button.collect icon::before {
}
.filterContainer {
padding: 0 10px;
height: calc(40vh - 64px);
display: flex;
justify-content: space-between;
overflow: hidden;
height: 60vh;
/* padding: 0 10px; */
/* height: calc(40vh - 64px); */
/* height: 100%; */
/* width: calc(100%); */
box-sizing: border-box;
background-color: #fff;
padding-bottom: 10px;
padding-bottom: 4px;
}
.filterActive{
background-color: #eee;
}
.left_drawer_container {
padding: 0 16px;
/* width: calc(100%); */

Loading…
Cancel
Save