|
|
@@ -1,1002 +1,1173 @@
|
|
|
<template>
|
|
|
- <view>
|
|
|
- <view class="zpType flex justify-center">
|
|
|
- <view class="zpType-box flex align-center" @click="getPostType()">
|
|
|
- <view class="zpType-boxs flex justify-between align-center">
|
|
|
- <text>招聘类型</text>
|
|
|
- <view class="flex align-center">
|
|
|
- <u-input v-model="postType" disabled :clearable="false" placeholder="请选择招聘类型"
|
|
|
- @click="getPostType()" type="text" />
|
|
|
- <u-icon name="arrow-right" color="#999999" @click="getPostType()" style="margin-left: 20rpx;"
|
|
|
- size="28"></u-icon>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="zpType flex justify-center flex-wrap">
|
|
|
- <view class="zpType-box flex flex-wrap justify-center">
|
|
|
- <view class="zpType-boxs flex justify-between align-center">
|
|
|
- <text>岗位名称</text>
|
|
|
- <view class="flex align-center">
|
|
|
- <u-input v-model="stationName" placeholder="请输入岗位名称" type="text" />
|
|
|
- <!-- <u-icon name="arrow-right" color="#999999" style="margin-left: 20rpx;" size="28"></u-icon> -->
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="line"></view>
|
|
|
- <view class="zpType-boxs flex justify-between align-center" @click="goJob">
|
|
|
- <text>岗位类型</text>
|
|
|
- <view class="flex align-center">
|
|
|
- <u-input disabled v-model="ruleClassifyName"
|
|
|
- :style="type=='updata' && status!=3?'color:#cccccc':''" @click="goJob" placeholder="请选择岗位类型"
|
|
|
- type="text" />
|
|
|
- <u-icon name="arrow-right" :color="type=='updata' && status!=3?'#cccccc':'#999999'"
|
|
|
- style="margin-left: 20rpx;" size="28"></u-icon>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="line"></view>
|
|
|
- <view class="zpType-boxs flex justify-between align-center" @click="goMap()">
|
|
|
- <text>工作地址</text>
|
|
|
- <view class="flex align-center" @click="goMap()">
|
|
|
- <u-input disabled v-model="address" @click="goMap()" type="text" placeholder="请选择工作地址" />
|
|
|
- <u-icon name="arrow-right" color="#999999" style="margin-left: 20rpx;" size="28"></u-icon>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="line"></view>
|
|
|
- <view class="zpType-boxs flex justify-between align-center" @click="IntentionChen()">
|
|
|
- <text>经验要求</text>
|
|
|
- <view class="flex align-center">
|
|
|
- <u-input disabled v-model="experience" @click="IntentionChen()" type="text"
|
|
|
- placeholder="请选择经验要求" />
|
|
|
- <u-icon name="arrow-right" color="#999999" style="margin-left: 20rpx;" size="28"></u-icon>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="line"></view>
|
|
|
- <view class="zpType-boxs flex justify-between align-center" @click="getSchoolList()">
|
|
|
- <text>学历要求</text>
|
|
|
- <view class="flex align-center">
|
|
|
- <u-input disabled v-model="education" type="text" @click="getSchoolList()"
|
|
|
- placeholder="请选择学历要求" />
|
|
|
- <u-icon name="arrow-right" color="#999999" style="margin-left: 20rpx;" size="28"></u-icon>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="line"></view>
|
|
|
- <view class="zpType-boxs flex justify-between align-center" @click="getPriceList()">
|
|
|
- <text>薪资范围</text>
|
|
|
- <view class="flex align-center">
|
|
|
- <u-input disabled v-model="salaryRange" @click="getPriceList()" type="text"
|
|
|
- placeholder="请选择薪资范围" />
|
|
|
- <u-icon name="arrow-right" color="#999999" style="margin-left: 20rpx;" size="28"></u-icon>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- </view>
|
|
|
-
|
|
|
- </view>
|
|
|
- <view class="xt flex justify-center">
|
|
|
- <view class="xt-box flex justify-center">
|
|
|
- <view class="xt-box-c">
|
|
|
- <view class="xt-box-c-item">
|
|
|
- <view class="xt-box-c-item-title flex justify-between align-center">
|
|
|
- 岗位关键词
|
|
|
- <u-icon class="tagItmIcon" @click="showTag = true" name="plus-circle-fill" color="#cccccc"
|
|
|
- size="42"></u-icon>
|
|
|
- </view>
|
|
|
- <view class="xt-box-c-item-text flex justify-between align-center">
|
|
|
- <!-- <u-input style="width: 90%;" input-align="left" v-model="tag" type="text"
|
|
|
+ <view class="page-box">
|
|
|
+ <navBar title="发布招聘" color="#000" />
|
|
|
+ <view class="page-content">
|
|
|
+ <view class="zpType flex justify-center">
|
|
|
+ <view class="zpType-box flex align-center" @click="getPostType()">
|
|
|
+ <view class="zpType-boxs flex justify-between align-center">
|
|
|
+ <text>招聘类型</text>
|
|
|
+ <view class="flex align-center">
|
|
|
+ <u-input
|
|
|
+ v-model="postType"
|
|
|
+ disabled
|
|
|
+ :clearable="false"
|
|
|
+ placeholder="请选择招聘类型"
|
|
|
+ @click="getPostType()"
|
|
|
+ type="text"
|
|
|
+ />
|
|
|
+ <u-icon
|
|
|
+ name="arrow-right"
|
|
|
+ color="#999999"
|
|
|
+ @click="getPostType()"
|
|
|
+ style="margin-left: 20rpx"
|
|
|
+ size="28"
|
|
|
+ ></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="zpType flex justify-center flex-wrap">
|
|
|
+ <view class="zpType-box flex flex-wrap justify-center">
|
|
|
+ <view class="zpType-boxs flex justify-between align-center">
|
|
|
+ <text>岗位名称</text>
|
|
|
+ <view class="flex align-center">
|
|
|
+ <u-input v-model="stationName" placeholder="请输入岗位名称" type="text" />
|
|
|
+ <!-- <u-icon name="arrow-right" color="#999999" style="margin-left: 20rpx;" size="28"></u-icon> -->
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="line"></view>
|
|
|
+ <view class="zpType-boxs flex justify-between align-center" @click="goJob">
|
|
|
+ <text>岗位类型</text>
|
|
|
+ <view class="flex align-center">
|
|
|
+ <u-input
|
|
|
+ disabled
|
|
|
+ v-model="ruleClassifyName"
|
|
|
+ :style="type == 'updata' && status != 3 ? 'color:#cccccc' : ''"
|
|
|
+ @click="goJob"
|
|
|
+ placeholder="请选择岗位类型"
|
|
|
+ type="text"
|
|
|
+ />
|
|
|
+ <u-icon
|
|
|
+ name="arrow-right"
|
|
|
+ :color="type == 'updata' && status != 3 ? '#cccccc' : '#999999'"
|
|
|
+ style="margin-left: 20rpx"
|
|
|
+ size="28"
|
|
|
+ ></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="line"></view>
|
|
|
+ <view class="zpType-boxs flex justify-between align-center" @click="goMap()">
|
|
|
+ <text>工作地址</text>
|
|
|
+ <view class="flex align-center" @click="goMap()">
|
|
|
+ <u-input
|
|
|
+ disabled
|
|
|
+ v-model="address"
|
|
|
+ @click="goMap()"
|
|
|
+ type="text"
|
|
|
+ placeholder="请选择工作地址"
|
|
|
+ />
|
|
|
+ <u-icon
|
|
|
+ name="arrow-right"
|
|
|
+ color="#999999"
|
|
|
+ style="margin-left: 20rpx"
|
|
|
+ size="28"
|
|
|
+ ></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="line"></view>
|
|
|
+ <view
|
|
|
+ class="zpType-boxs flex justify-between align-center"
|
|
|
+ @click="IntentionChen()"
|
|
|
+ >
|
|
|
+ <text>经验要求</text>
|
|
|
+ <view class="flex align-center">
|
|
|
+ <u-input
|
|
|
+ disabled
|
|
|
+ v-model="experience"
|
|
|
+ @click="IntentionChen()"
|
|
|
+ type="text"
|
|
|
+ placeholder="请选择经验要求"
|
|
|
+ />
|
|
|
+ <u-icon
|
|
|
+ name="arrow-right"
|
|
|
+ color="#999999"
|
|
|
+ style="margin-left: 20rpx"
|
|
|
+ size="28"
|
|
|
+ ></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="line"></view>
|
|
|
+ <view
|
|
|
+ class="zpType-boxs flex justify-between align-center"
|
|
|
+ @click="getSchoolList()"
|
|
|
+ >
|
|
|
+ <text>学历要求</text>
|
|
|
+ <view class="flex align-center">
|
|
|
+ <u-input
|
|
|
+ disabled
|
|
|
+ v-model="education"
|
|
|
+ type="text"
|
|
|
+ @click="getSchoolList()"
|
|
|
+ placeholder="请选择学历要求"
|
|
|
+ />
|
|
|
+ <u-icon
|
|
|
+ name="arrow-right"
|
|
|
+ color="#999999"
|
|
|
+ style="margin-left: 20rpx"
|
|
|
+ size="28"
|
|
|
+ ></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="line"></view>
|
|
|
+ <view
|
|
|
+ class="zpType-boxs flex justify-between align-center"
|
|
|
+ @click="getPriceList()"
|
|
|
+ >
|
|
|
+ <text>薪资范围</text>
|
|
|
+ <view class="flex align-center">
|
|
|
+ <u-input
|
|
|
+ disabled
|
|
|
+ v-model="salaryRange"
|
|
|
+ @click="getPriceList()"
|
|
|
+ type="text"
|
|
|
+ placeholder="请选择薪资范围"
|
|
|
+ />
|
|
|
+ <u-icon
|
|
|
+ name="arrow-right"
|
|
|
+ color="#999999"
|
|
|
+ style="margin-left: 20rpx"
|
|
|
+ size="28"
|
|
|
+ ></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="xt flex justify-center">
|
|
|
+ <view class="xt-box flex justify-center">
|
|
|
+ <view class="xt-box-c">
|
|
|
+ <view class="xt-box-c-item">
|
|
|
+ <view class="xt-box-c-item-title flex justify-between align-center">
|
|
|
+ 岗位关键词
|
|
|
+ <u-icon
|
|
|
+ class="tagItmIcon"
|
|
|
+ @click="showTag = true"
|
|
|
+ name="plus-circle-fill"
|
|
|
+ color="#cccccc"
|
|
|
+ size="42"
|
|
|
+ ></u-icon>
|
|
|
+ </view>
|
|
|
+ <view class="xt-box-c-item-text flex justify-between align-center">
|
|
|
+ <!-- <u-input style="width: 90%;" input-align="left" v-model="tag" type="text"
|
|
|
placeholder="将优先推荐符合关键词的人才" /> -->
|
|
|
- <view class="" style="margin-top: 20rpx;margin-bottom: 20rpx;color: rgb(192, 196, 207);"
|
|
|
- v-if="tag.length==0">
|
|
|
- 将优先推荐符合关键词的人才
|
|
|
- </view>
|
|
|
- <view class="flex flex-wrap" style="margin-top: 20rpx; margin-bottom: 20rpx;" v-else>
|
|
|
- <view class="tagItm" v-for="(item,index) in tag" :key="index">
|
|
|
- {{item}}
|
|
|
- <u-icon class="tagItmIcon" @click="deleteTag(item,index)" name="close-circle-fill"
|
|
|
- color="#cccccc" size="28"></u-icon>
|
|
|
- </view>
|
|
|
-
|
|
|
- </view>
|
|
|
- <!-- <u-icon name="arrow-right" color="#999999" style="margin-left: 20rpx;" size="28"></u-icon> -->
|
|
|
- </view>
|
|
|
- <view class="line margin-top-sm"></view>
|
|
|
- </view>
|
|
|
- <view class="xt-box-c-item" @click="gotoHy">
|
|
|
- <view class="xt-box-c-item-title">
|
|
|
- 行业要求
|
|
|
- </view>
|
|
|
- <view class="xt-box-c-item-text flex justify-between align-center">
|
|
|
- <u-input @click="gotoHy" disabled style="width: 90%;" input-align="left" v-model="industry"
|
|
|
- type="text" placeholder="对人才行业背景的要求" />
|
|
|
- <u-icon name="arrow-right" color="#999999" style="margin-left: 20rpx;" size="28"></u-icon>
|
|
|
- </view>
|
|
|
- <view class="line margin-top-sm"></view>
|
|
|
- </view>
|
|
|
- <view class="xt-box-c-item" @click="setFuLi">
|
|
|
- <view class="xt-box-c-item-title">
|
|
|
- 岗位福利
|
|
|
- </view>
|
|
|
- <view class="xt-box-c-item-text flex justify-between align-center">
|
|
|
- <u-input @click="setFuLi" disabled style="width: 90%;" input-align="left"
|
|
|
- v-model="positionWelfare" type="text" placeholder="请选择岗位福利" />
|
|
|
- <u-icon name="arrow-right" color="#999999" style="margin-left: 20rpx;" size="28"></u-icon>
|
|
|
- </view>
|
|
|
- <view class="line margin-top-sm"></view>
|
|
|
- </view>
|
|
|
- <view class="xt-box-c-item">
|
|
|
- <view class="xt-box-c-item-title">
|
|
|
- 岗位介绍
|
|
|
- </view>
|
|
|
- <view class="xt-box-c-item-text flex justify-between align-center">
|
|
|
- <!-- <u-input style="width: 100%;" input-align="left" v-model="positionDetails" type="text"
|
|
|
+ <view
|
|
|
+ class=""
|
|
|
+ style="
|
|
|
+ margin-top: 20rpx;
|
|
|
+ margin-bottom: 20rpx;
|
|
|
+ color: rgb(192, 196, 207);
|
|
|
+ "
|
|
|
+ v-if="tag.length == 0"
|
|
|
+ >
|
|
|
+ 将优先推荐符合关键词的人才
|
|
|
+ </view>
|
|
|
+ <view
|
|
|
+ class="flex flex-wrap"
|
|
|
+ style="margin-top: 20rpx; margin-bottom: 20rpx"
|
|
|
+ v-else
|
|
|
+ >
|
|
|
+ <view class="tagItm" v-for="(item, index) in tag" :key="index">
|
|
|
+ {{ item }}
|
|
|
+ <u-icon
|
|
|
+ class="tagItmIcon"
|
|
|
+ @click="deleteTag(item, index)"
|
|
|
+ name="close-circle-fill"
|
|
|
+ color="#cccccc"
|
|
|
+ size="28"
|
|
|
+ ></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- <u-icon name="arrow-right" color="#999999" style="margin-left: 20rpx;" size="28"></u-icon> -->
|
|
|
+ </view>
|
|
|
+ <view class="line margin-top-sm"></view>
|
|
|
+ </view>
|
|
|
+ <view class="xt-box-c-item" @click="gotoHy">
|
|
|
+ <view class="xt-box-c-item-title"> 行业要求 </view>
|
|
|
+ <view class="xt-box-c-item-text flex justify-between align-center">
|
|
|
+ <u-input
|
|
|
+ @click="gotoHy"
|
|
|
+ disabled
|
|
|
+ style="width: 90%"
|
|
|
+ input-align="left"
|
|
|
+ v-model="industry"
|
|
|
+ type="text"
|
|
|
+ placeholder="对人才行业背景的要求"
|
|
|
+ />
|
|
|
+ <u-icon
|
|
|
+ name="arrow-right"
|
|
|
+ color="#999999"
|
|
|
+ style="margin-left: 20rpx"
|
|
|
+ size="28"
|
|
|
+ ></u-icon>
|
|
|
+ </view>
|
|
|
+ <view class="line margin-top-sm"></view>
|
|
|
+ </view>
|
|
|
+ <view class="xt-box-c-item" @click="setFuLi">
|
|
|
+ <view class="xt-box-c-item-title"> 岗位福利 </view>
|
|
|
+ <view class="xt-box-c-item-text flex justify-between align-center">
|
|
|
+ <u-input
|
|
|
+ @click="setFuLi"
|
|
|
+ disabled
|
|
|
+ style="width: 90%"
|
|
|
+ input-align="left"
|
|
|
+ v-model="positionWelfare"
|
|
|
+ type="text"
|
|
|
+ placeholder="请选择岗位福利"
|
|
|
+ />
|
|
|
+ <u-icon
|
|
|
+ name="arrow-right"
|
|
|
+ color="#999999"
|
|
|
+ style="margin-left: 20rpx"
|
|
|
+ size="28"
|
|
|
+ ></u-icon>
|
|
|
+ </view>
|
|
|
+ <view class="line margin-top-sm"></view>
|
|
|
+ </view>
|
|
|
+ <view class="xt-box-c-item">
|
|
|
+ <view class="xt-box-c-item-title"> 岗位介绍 </view>
|
|
|
+ <view class="xt-box-c-item-text flex justify-between align-center">
|
|
|
+ <!-- <u-input style="width: 100%;" input-align="left" v-model="positionDetails" type="text"
|
|
|
placeholder="请输入岗位介绍信息内容" /> -->
|
|
|
- <!-- <textarea placeholder-class="myText"
|
|
|
+ <!-- <textarea placeholder-class="myText"
|
|
|
style="width: 100%;height: 300rpx;background-color: #f5f5f5;border-radius: 24rpx;padding: 20rpx;margin-top: 20rpx;"
|
|
|
v-model="positionDetails" placeholder="请输入岗位介绍信息内容"></textarea> -->
|
|
|
- <editor id="editor"
|
|
|
- style="width: 100%;height: 300rpx;background-color: #f5f5f5;border-radius: 24rpx;padding: 20rpx;margin-top: 20rpx;"
|
|
|
- placeholder="请输入岗位介绍信息内容" @ready="onEditorReady">
|
|
|
- </editor>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="xieyi flex justify-center align-center">
|
|
|
- <view class="xieyi-box">
|
|
|
- <u-checkbox @change="checkboxChange" v-model="selectShow" shape="circle" active-color="#016BF6"
|
|
|
- label-size="24rpx">
|
|
|
- 我已同意<text style="color: #016BF6;" @click.stop="gotoXieyi()">
|
|
|
- 《岗位发布协议》
|
|
|
- </text>
|
|
|
- </u-checkbox>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="btn flex justify-center align-center">
|
|
|
- <view class="btn-box flex justify-center align-center" @click="submitJob()">
|
|
|
- 确认发布
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- <!-- 工作性质 -->
|
|
|
- <u-select v-model="workShow" :list="workTypes" @confirm="workConfirm"></u-select>
|
|
|
- <!-- 工作经验 -->
|
|
|
- <u-select v-model="workShow2" :list="workList" @confirm="workConfirm2"></u-select>
|
|
|
- <!-- 学历 -->
|
|
|
- <u-select v-model="schoolShow" :list="schoolList" @confirm="workConfirm3"></u-select>
|
|
|
- <!-- 薪资 -->
|
|
|
- <u-select v-model="priceShow" :list="priceList" @confirm="workConfirm4"></u-select>
|
|
|
- <!-- 岗位福利 -->
|
|
|
- <u-popup v-model="showFl" mode="bottom" border-radius="24" :mask-close-able="false" :closeable="true">
|
|
|
- <view class="fl flex justify-center">
|
|
|
- <view class="fl-box">
|
|
|
- <view class="fl-box-title">
|
|
|
- 岗位福利
|
|
|
- </view>
|
|
|
- <view class="fl-box-con flex flex-wrap">
|
|
|
- <view class="fl-box-con-item" :class="item.select==true?'flActive':''" @click="selectFl(item)"
|
|
|
- v-for="(item,index) in flList" :key="index">
|
|
|
- {{item.value}}
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="fl-box-sub flex justify-center align-center" @click="subFl()">
|
|
|
- 确认
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </u-popup>
|
|
|
- <!-- 岗位关键词 -->
|
|
|
- <u-popup v-model="showTag" mode="center" width="600rpx" :closeable="true" height="400rpx" border-radius="24">
|
|
|
- <view class="tagTitle">岗位关键词</view>
|
|
|
- <view class="tagCont flex justify-center">
|
|
|
- <view class="tagCont-box">
|
|
|
- <u-input v-model="tagValue" type="text" placeholder="请输入岗位关键词" input-align="left" :border="true" />
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="tagCont flex justify-center">
|
|
|
- <view class="tagCont-boxs flex align-center justify-center" @click="addTag">
|
|
|
- 确认
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </u-popup>
|
|
|
- </view>
|
|
|
+ <editor
|
|
|
+ id="editor"
|
|
|
+ style="
|
|
|
+ width: 100%;
|
|
|
+ height: 300rpx;
|
|
|
+ background-color: #f5f5f5;
|
|
|
+ border-radius: 24rpx;
|
|
|
+ padding: 20rpx;
|
|
|
+ margin-top: 20rpx;
|
|
|
+ "
|
|
|
+ placeholder="请输入岗位介绍信息内容"
|
|
|
+ @ready="onEditorReady"
|
|
|
+ >
|
|
|
+ </editor>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="xieyi flex justify-center align-center">
|
|
|
+ <view class="xieyi-box">
|
|
|
+ <u-checkbox
|
|
|
+ @change="checkboxChange"
|
|
|
+ v-model="selectShow"
|
|
|
+ shape="circle"
|
|
|
+ active-color="#016BF6"
|
|
|
+ label-size="24rpx"
|
|
|
+ >
|
|
|
+ 我已同意<text style="color: #016bf6" @click.stop="gotoXieyi()">
|
|
|
+ 《岗位发布协议》
|
|
|
+ </text>
|
|
|
+ </u-checkbox>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="btn flex justify-center align-center">
|
|
|
+ <view class="btn-box flex justify-center align-center" @click="submitJob()">
|
|
|
+ 确认发布
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- 工作性质 -->
|
|
|
+ <u-select v-model="workShow" :list="workTypes" @confirm="workConfirm"></u-select>
|
|
|
+ <!-- 工作经验 -->
|
|
|
+ <u-select v-model="workShow2" :list="workList" @confirm="workConfirm2"></u-select>
|
|
|
+ <!-- 学历 -->
|
|
|
+ <u-select
|
|
|
+ v-model="schoolShow"
|
|
|
+ :list="schoolList"
|
|
|
+ @confirm="workConfirm3"
|
|
|
+ ></u-select>
|
|
|
+ <!-- 薪资 -->
|
|
|
+ <u-select v-model="priceShow" :list="priceList" @confirm="workConfirm4"></u-select>
|
|
|
+ <!-- 岗位福利 -->
|
|
|
+ <u-popup
|
|
|
+ v-model="showFl"
|
|
|
+ mode="bottom"
|
|
|
+ border-radius="24"
|
|
|
+ :mask-close-able="false"
|
|
|
+ :closeable="true"
|
|
|
+ >
|
|
|
+ <view class="fl flex justify-center">
|
|
|
+ <view class="fl-box">
|
|
|
+ <view class="fl-box-title"> 岗位福利 </view>
|
|
|
+ <view class="fl-box-con flex flex-wrap">
|
|
|
+ <view
|
|
|
+ class="fl-box-con-item"
|
|
|
+ :class="item.select == true ? 'flActive' : ''"
|
|
|
+ @click="selectFl(item)"
|
|
|
+ v-for="(item, index) in flList"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
+ {{ item.value }}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="fl-box-sub flex justify-center align-center" @click="subFl()">
|
|
|
+ 确认
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-popup>
|
|
|
+ <!-- 岗位关键词 -->
|
|
|
+ <u-popup
|
|
|
+ v-model="showTag"
|
|
|
+ mode="center"
|
|
|
+ width="600rpx"
|
|
|
+ :closeable="true"
|
|
|
+ height="400rpx"
|
|
|
+ border-radius="24"
|
|
|
+ >
|
|
|
+ <view class="tagTitle">岗位关键词</view>
|
|
|
+ <view class="tagCont flex justify-center">
|
|
|
+ <view class="tagCont-box">
|
|
|
+ <u-input
|
|
|
+ v-model="tagValue"
|
|
|
+ type="text"
|
|
|
+ placeholder="请输入岗位关键词"
|
|
|
+ input-align="left"
|
|
|
+ :border="true"
|
|
|
+ />
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="tagCont flex justify-center">
|
|
|
+ <view class="tagCont-boxs flex align-center justify-center" @click="addTag">
|
|
|
+ 确认
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-popup>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- export default {
|
|
|
- data() {
|
|
|
- return {
|
|
|
- selectShow: false,
|
|
|
- tagValue: '',
|
|
|
- showTag: false,
|
|
|
- flList: [],
|
|
|
- showFl: false,
|
|
|
- postType: '',
|
|
|
- stationName: '',
|
|
|
- projectName: '',
|
|
|
- experience: '',
|
|
|
- education: '',
|
|
|
- salaryRange: '',
|
|
|
- tag: [],
|
|
|
- industry: '',
|
|
|
- positionWelfare: '',
|
|
|
- positionDetails: '',
|
|
|
- workTypes: [],
|
|
|
- workShow: false,
|
|
|
- lat: '',
|
|
|
- lng: '',
|
|
|
- address: '',
|
|
|
- province: '',
|
|
|
- city: '',
|
|
|
- county: '',
|
|
|
- workList: [],
|
|
|
- workShow2: false,
|
|
|
- schoolList: [],
|
|
|
- schoolShow: false,
|
|
|
- priceList: [],
|
|
|
- priceShow: false,
|
|
|
- ruleClassifyId: '',
|
|
|
- ruleClassifyName: '',
|
|
|
- classifyOneId: '',
|
|
|
- classifyTwoId: '',
|
|
|
- price: 0,
|
|
|
- postPushId: '',
|
|
|
- type: '',
|
|
|
- status: '',
|
|
|
- editorCtx: '', //富文本输入框的上下文
|
|
|
- };
|
|
|
- },
|
|
|
- onLoad(option) {
|
|
|
- if (option.type) {
|
|
|
- this.type = option.type
|
|
|
- }
|
|
|
- if (option.postPushId) {
|
|
|
- this.postPushId = option.postPushId
|
|
|
- // this.getJobInfo()
|
|
|
- }
|
|
|
- //项目福利
|
|
|
- this.getFlList()
|
|
|
- },
|
|
|
- onShow() {
|
|
|
- let that = this
|
|
|
- //选择的岗位
|
|
|
- uni.$on('jobs', (info) => {
|
|
|
- that.ruleClassifyId = info.ruleClassifyId
|
|
|
- that.ruleClassifyName = info.ruleClassifyName
|
|
|
- that.price = info.price
|
|
|
- // that.classifyOneId = info.ruleClassifyId1
|
|
|
- // that.classifyTwoId = info.ruleClassifyId2
|
|
|
- })
|
|
|
- //选择的行业
|
|
|
- uni.$on('industry', (info) => {
|
|
|
- that.industry = info.industry
|
|
|
- })
|
|
|
-
|
|
|
- },
|
|
|
- methods: {
|
|
|
- //给富文本插入
|
|
|
- insertText(formatDate) {
|
|
|
- this.editorCtx.setContents({
|
|
|
- html: formatDate
|
|
|
- })
|
|
|
- },
|
|
|
- //editor初始化的时候
|
|
|
- onEditorReady() {
|
|
|
- let that = this
|
|
|
- console.log(uni.createSelectorQuery().select('#editor').context, '99999999')
|
|
|
- uni.createSelectorQuery().select('#editor').context((res) => {
|
|
|
- console.log(res, '88888888')
|
|
|
- this.editorCtx = res.context
|
|
|
- if (this.postPushId) {
|
|
|
- this.getJobInfo()
|
|
|
- }
|
|
|
- }).exec()
|
|
|
-
|
|
|
- // setTimeout(() => {
|
|
|
- // this.insertText(this.positionDetails)
|
|
|
- // }, 500)
|
|
|
- },
|
|
|
- //岗位发布协议
|
|
|
- gotoXieyi() {
|
|
|
- uni.navigateTo({
|
|
|
- url: '/my/setting/jobXy'
|
|
|
- })
|
|
|
- },
|
|
|
- //判断是否可以更改岗位
|
|
|
- goJob() {
|
|
|
- if (this.type == 'save' || !this.type || this.status == 3) {
|
|
|
- this.goNav('/package/jobIntention/jobList')
|
|
|
- } else {
|
|
|
- uni.showModal({
|
|
|
- title: '提示',
|
|
|
- content: '当前无法修改为其他岗位，若有需要请重新发布',
|
|
|
- confirmText: '去发布',
|
|
|
- complete(ret) {
|
|
|
- if (ret.confirm) {
|
|
|
- uni.navigateTo({
|
|
|
- url: '/package/addJob/addJob'
|
|
|
- })
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
- },
|
|
|
- //获取岗位价格
|
|
|
- getJobPrice(ruleClassifyId) {
|
|
|
- this.$Request.getT('/app/rule/ruleClassifyId', {
|
|
|
- ruleClassifyId: ruleClassifyId
|
|
|
- }).then(res => {
|
|
|
- if (res.code == 0) {
|
|
|
- this.price = res.data.price
|
|
|
- } else {
|
|
|
- uni.showToast({
|
|
|
- title: res.msg,
|
|
|
- icon: 'none'
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- //获取岗位详情
|
|
|
- getJobInfo() {
|
|
|
- let data = {
|
|
|
- postPushId: this.postPushId
|
|
|
- }
|
|
|
- this.$Request.getT('/app/postPush/selectPostPushDetails', data).then(res => {
|
|
|
- if (res.code == 0) {
|
|
|
- let obj = res.data
|
|
|
- this.postType = obj.postType
|
|
|
- this.stationName = obj.stationName
|
|
|
- this.ruleClassifyName = obj.ruleClassifyName
|
|
|
- this.ruleClassifyId = obj.ruleClassifyId
|
|
|
- this.address = obj.address
|
|
|
- this.experience = obj.experience
|
|
|
- this.education = obj.education
|
|
|
- this.salaryRange = obj.salaryRange
|
|
|
- this.tag = obj.tag.split(',')
|
|
|
- this.industry = obj.industry
|
|
|
- this.positionWelfare = obj.positionWelfare
|
|
|
- this.positionDetails = obj.positionDetails
|
|
|
- this.insertText(this.positionDetails)
|
|
|
- this.province = obj.province
|
|
|
- this.city = obj.city
|
|
|
- this.county = obj.county
|
|
|
- this.lng = obj.lng
|
|
|
- this.lat = obj.lat
|
|
|
- this.status = obj.status
|
|
|
- if (this.type == 'save') {
|
|
|
- this.getJobPrice(obj.ruleClassifyId)
|
|
|
- } else if (this.status == 3) {
|
|
|
- this.getJobPrice(obj.ruleClassifyId)
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- submitJobs() {
|
|
|
- let that = this
|
|
|
- if (this.postType == '') {
|
|
|
- uni.showToast({
|
|
|
- title: '请选择招聘类型',
|
|
|
- icon: 'none'
|
|
|
- })
|
|
|
- return
|
|
|
- }
|
|
|
- if (this.stationName == '') {
|
|
|
- uni.showToast({
|
|
|
- title: '请输入岗位名称',
|
|
|
- icon: 'none'
|
|
|
- })
|
|
|
- return
|
|
|
- }
|
|
|
- if (this.ruleClassifyName == '') {
|
|
|
- uni.showToast({
|
|
|
- title: '请选择岗位类型',
|
|
|
- icon: 'none'
|
|
|
- })
|
|
|
- return
|
|
|
- }
|
|
|
- if (this.address == '') {
|
|
|
- uni.showToast({
|
|
|
- title: '请选择工作地址',
|
|
|
- icon: 'none'
|
|
|
- })
|
|
|
- return
|
|
|
- }
|
|
|
- if (this.experience == '') {
|
|
|
- uni.showToast({
|
|
|
- title: '请选择经验要求',
|
|
|
- icon: 'none'
|
|
|
- })
|
|
|
- return
|
|
|
- }
|
|
|
- if (this.education == '') {
|
|
|
- uni.showToast({
|
|
|
- title: '请选择学历要求',
|
|
|
- icon: 'none'
|
|
|
- })
|
|
|
- return
|
|
|
- }
|
|
|
- if (this.salaryRange == '') {
|
|
|
- uni.showToast({
|
|
|
- title: '请选择薪资范围',
|
|
|
- icon: 'none'
|
|
|
- })
|
|
|
- return
|
|
|
- }
|
|
|
- if (this.tag.length == 0) {
|
|
|
- uni.showToast({
|
|
|
- title: '请添加岗位关键词',
|
|
|
- icon: 'none'
|
|
|
- })
|
|
|
- return
|
|
|
- }
|
|
|
- if (this.industry == '') {
|
|
|
- uni.showToast({
|
|
|
- title: '请选择行业要求',
|
|
|
- icon: 'none'
|
|
|
- })
|
|
|
- return
|
|
|
- }
|
|
|
- if (this.positionWelfare == '') {
|
|
|
- uni.showToast({
|
|
|
- title: '请选择岗位福利',
|
|
|
- icon: 'none'
|
|
|
- })
|
|
|
- return
|
|
|
- }
|
|
|
- if (this.positionDetails == '' || this.positionDetails == '<p><br></p>') {
|
|
|
- uni.showToast({
|
|
|
- title: '请输入岗位介绍',
|
|
|
- icon: 'none'
|
|
|
- })
|
|
|
- return
|
|
|
- }
|
|
|
-
|
|
|
- if (this.selectShow == false) {
|
|
|
- uni.showToast({
|
|
|
- title: '请查看并同意《岗位发布协议》',
|
|
|
- icon: 'none'
|
|
|
- })
|
|
|
- return
|
|
|
- }
|
|
|
- if (this.type == 'save') {
|
|
|
- if (Number(this.price) == 0) {
|
|
|
- uni.showModal({
|
|
|
- title: '提示',
|
|
|
- content: '该岗位可免费发布，确认发布吗？',
|
|
|
- complete(ret) {
|
|
|
- if (ret.confirm) {
|
|
|
- // console.log(1)
|
|
|
- that.pay()
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- } else {
|
|
|
- uni.showModal({
|
|
|
- title: '提示',
|
|
|
- content: '发布该岗位需支付' + this.price + '钻石，确认发布吗？',
|
|
|
- complete(ret) {
|
|
|
- if (ret.confirm) {
|
|
|
- // console.log(1)
|
|
|
- that.pay()
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
-
|
|
|
- } else if (this.type == 'updata') { //修改
|
|
|
- if (this.status == 3) { //拒绝重新发布
|
|
|
- if (Number(this.price) == 0) {
|
|
|
- uni.showModal({
|
|
|
- title: '提示',
|
|
|
- content: '该岗位可免费发布，确认发布吗？',
|
|
|
- complete(ret) {
|
|
|
- if (ret.confirm) {
|
|
|
- // console.log(1)
|
|
|
- that.pay()
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- } else {
|
|
|
- uni.showModal({
|
|
|
- title: '提示',
|
|
|
- content: '发布该岗位为热门岗位，需支付' + this.price + '钻石，确认发布吗？',
|
|
|
- complete(ret) {
|
|
|
- if (ret.confirm) {
|
|
|
- // console.log(1)
|
|
|
- that.pay()
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
-
|
|
|
- } else { //时效期内修改
|
|
|
- uni.showModal({
|
|
|
- title: '提示',
|
|
|
- content: '本次修改岗位信息免费，确认发布吗？',
|
|
|
- complete(ret) {
|
|
|
- if (ret.confirm) {
|
|
|
- // console.log(1)
|
|
|
- that.pay(that.postPushId)
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
-
|
|
|
- } else {
|
|
|
- uni.showModal({
|
|
|
- title: '提示',
|
|
|
- content: '发布该岗位为热门岗位，需支付' + this.price + '钻石，确认发布吗？',
|
|
|
- complete(ret) {
|
|
|
- if (ret.confirm) {
|
|
|
- // console.log(1)
|
|
|
- that.pay()
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
- },
|
|
|
- //发布岗位
|
|
|
- submitJob() {
|
|
|
- let that = this
|
|
|
- //获取富文本中的内容
|
|
|
- this.editorCtx.getContents({
|
|
|
- success(res) {
|
|
|
- that.positionDetails = res.html
|
|
|
- },
|
|
|
- complete() { //成功/或者失败都调用发布
|
|
|
- that.submitJobs()
|
|
|
- },
|
|
|
- })
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- },
|
|
|
- //支付
|
|
|
- pay(postPushId) {
|
|
|
- let data = {
|
|
|
- postType: this.postType,
|
|
|
- stationName: this.stationName,
|
|
|
- ruleClassifyName: this.ruleClassifyName,
|
|
|
- ruleClassifyId: this.ruleClassifyId,
|
|
|
- address: this.address,
|
|
|
- experience: this.experience,
|
|
|
- education: this.education,
|
|
|
- salaryRange: this.salaryRange,
|
|
|
- tag: this.tag.join(','),
|
|
|
- industry: this.industry,
|
|
|
- positionWelfare: this.positionWelfare,
|
|
|
- positionDetails: this.positionDetails,
|
|
|
- province: this.province,
|
|
|
- city: this.city,
|
|
|
- county: this.county,
|
|
|
- lng: this.lng,
|
|
|
- lat: this.lat,
|
|
|
- companyId: uni.getStorageSync('companyId')
|
|
|
- };
|
|
|
- if (postPushId) {
|
|
|
- data.postPushId = postPushId
|
|
|
- }
|
|
|
- this.$Request.postJson('/app/postPush/savePostPush', data).then(res => {
|
|
|
- if (res.code == 0) {
|
|
|
- uni.showToast({
|
|
|
- title: '发布成功'
|
|
|
- })
|
|
|
- this.postType = ''
|
|
|
- this.stationName = ''
|
|
|
- this.ruleClassifyName = ''
|
|
|
- this.ruleClassifyId = ''
|
|
|
- this.address = ''
|
|
|
- this.experience = ''
|
|
|
- this.education = ''
|
|
|
- this.salaryRange = ''
|
|
|
- this.tag = []
|
|
|
- this.industry = ''
|
|
|
- this.positionWelfare = ''
|
|
|
- this.positionDetails = ''
|
|
|
- this.province = ''
|
|
|
- this.city = ''
|
|
|
- this.county = ''
|
|
|
- this.lng = ''
|
|
|
- this.lat = ''
|
|
|
- this.postPushId = ''
|
|
|
- setTimeout(() => {
|
|
|
- if (this.type) {
|
|
|
- uni.navigateBack()
|
|
|
- } else {
|
|
|
- uni.navigateTo({
|
|
|
- url: '/my/order/index'
|
|
|
- })
|
|
|
- }
|
|
|
-
|
|
|
- }, 1000)
|
|
|
- } else {
|
|
|
- uni.showToast({
|
|
|
- title: res.msg,
|
|
|
- icon: 'none'
|
|
|
- })
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- //新增关键词
|
|
|
- addTag() {
|
|
|
- // this.tag.push('关键词');
|
|
|
- if (this.tagValue == '') {
|
|
|
- uni.showToast({
|
|
|
- title: '请输入关键词',
|
|
|
- icon: 'none'
|
|
|
- })
|
|
|
- } else {
|
|
|
- this.tag.push(this.tagValue)
|
|
|
- this.showTag = false
|
|
|
- this.tagValue = ''
|
|
|
- }
|
|
|
- },
|
|
|
- //删除输入的关键词
|
|
|
- deleteTag(item, index) {
|
|
|
- let that = this
|
|
|
- uni.showModal({
|
|
|
- title: '提示',
|
|
|
- content: '确定删除关键词“' + item + '”吗？',
|
|
|
- complete(ret) {
|
|
|
- if (ret.confirm) {
|
|
|
- that.tag.splice(index, 1)
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- //行业选择页
|
|
|
- gotoHy() {
|
|
|
- uni.navigateTo({
|
|
|
- url: '/package/jobIntention/industry?type=2'
|
|
|
- })
|
|
|
- },
|
|
|
- //确认选择的福利
|
|
|
- subFl() {
|
|
|
- let arr = []
|
|
|
- this.flList.map(item => {
|
|
|
- if (item.select === true) {
|
|
|
- arr.push(item.value)
|
|
|
- }
|
|
|
- })
|
|
|
- this.positionWelfare = arr.join(',')
|
|
|
- this.showFl = false
|
|
|
- },
|
|
|
- setFuLi() {
|
|
|
- if (this.flList.length > 0) {
|
|
|
- this.showFl = true
|
|
|
- } else {
|
|
|
- this.showFl = false
|
|
|
- uni.showToast({
|
|
|
- title: '暂无岗位福利可选择',
|
|
|
- icon: 'none'
|
|
|
- })
|
|
|
- }
|
|
|
- },
|
|
|
- //选中/取消选中福利
|
|
|
- selectFl(item) {
|
|
|
- item.select = !item.select
|
|
|
- console.log(item)
|
|
|
- this.$forceUpdate()
|
|
|
- },
|
|
|
- // 获取项目福利列表
|
|
|
- getFlList() {
|
|
|
- let data = {
|
|
|
- type: '项目福利'
|
|
|
- }
|
|
|
- this.$Request.get('/app/dict/list', data).then(res => {
|
|
|
- if (res.code == 0) {
|
|
|
- if (res.data.length > 0) {
|
|
|
- res.data.map(item => {
|
|
|
- item.select = false
|
|
|
- })
|
|
|
- if (this.postPushId) {
|
|
|
- res.data.map(item => {
|
|
|
- this.positionWelfare.split(',').map(ite => {
|
|
|
- if (item.value === ite) {
|
|
|
- item.select = true
|
|
|
- }
|
|
|
- })
|
|
|
- })
|
|
|
- }
|
|
|
- this.flList = res.data
|
|
|
- } else {
|
|
|
- this.flList = []
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- goNav(url) {
|
|
|
- uni.navigateTo({
|
|
|
- url: url
|
|
|
- })
|
|
|
- },
|
|
|
- workConfirm4(e) {
|
|
|
- this.salaryRange = e[0].value
|
|
|
- },
|
|
|
- //薪资
|
|
|
- getPriceList() {
|
|
|
- this.$Request.get('/app/dict/list', {
|
|
|
- type: '薪资'
|
|
|
- }).then(res => {
|
|
|
- if (res.code == 0) {
|
|
|
- let arr = res.data
|
|
|
- arr = JSON.parse(JSON.stringify(arr).replace(/code/g, 'label'))
|
|
|
- this.priceList = arr
|
|
|
- this.priceShow = true
|
|
|
-
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- workConfirm3(e) {
|
|
|
- this.education = e[0].value
|
|
|
- },
|
|
|
- //学历
|
|
|
- getSchoolList() {
|
|
|
- this.$Request.get('/app/dict/list', {
|
|
|
- type: '学历'
|
|
|
- }).then(res => {
|
|
|
- if (res.code == 0) {
|
|
|
- let arr = res.data
|
|
|
- arr = JSON.parse(JSON.stringify(arr).replace(/code/g, 'label'))
|
|
|
- this.schoolList = arr
|
|
|
- this.schoolShow = true
|
|
|
-
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- // 工作经验
|
|
|
- IntentionChen() {
|
|
|
- this.$Request.get('/app/dict/list', {
|
|
|
- type: '工作经验'
|
|
|
- }).then(res => {
|
|
|
- if (res.code == 0) {
|
|
|
- let arr = res.data
|
|
|
- arr = JSON.parse(JSON.stringify(arr).replace(/code/g, 'label'))
|
|
|
- this.workList = arr
|
|
|
- this.workShow2 = true
|
|
|
-
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- // 点击调起地图选择位置
|
|
|
- goMap() {
|
|
|
- let that = this
|
|
|
- uni.chooseLocation({
|
|
|
- success: function(res) {
|
|
|
- console.log(res)
|
|
|
- that.address = res.name
|
|
|
- that.lat = res.latitude
|
|
|
- that.lng = res.longitude
|
|
|
- that.shengcheng(res.longitude, res.latitude)
|
|
|
- }
|
|
|
- });
|
|
|
- },
|
|
|
- shengcheng(longitude, latitude) {
|
|
|
- this.$Request.getT('/app/Login/selectCity?lat=' + latitude + '&lng=' + longitude).then(res => {
|
|
|
- // console.log(res)
|
|
|
- if (res.code === 0) {
|
|
|
- this.province = res.data.province
|
|
|
- if (res.data.city) {
|
|
|
- this.city = res.data.city
|
|
|
- } else {
|
|
|
- this.city = res.data.province
|
|
|
- }
|
|
|
- this.county = res.data.district
|
|
|
- }
|
|
|
- });
|
|
|
-
|
|
|
- },
|
|
|
- workConfirm2(e) {
|
|
|
- this.experience = e[0].value
|
|
|
- },
|
|
|
- //选择类型
|
|
|
- workConfirm(e) {
|
|
|
- this.postType = e[0].value
|
|
|
- },
|
|
|
- /**
|
|
|
- * 工作性质
|
|
|
- */
|
|
|
- getPostType() {
|
|
|
- this.$Request.get('/app/dict/list', {
|
|
|
- type: '工作性质'
|
|
|
- }).then(res => {
|
|
|
- if (res.code == 0) {
|
|
|
- let arr = res.data
|
|
|
- arr = JSON.parse(JSON.stringify(arr).replace(/code/g, 'label'))
|
|
|
- this.workTypes = arr
|
|
|
- this.workShow = true
|
|
|
-
|
|
|
- }
|
|
|
- })
|
|
|
- },
|
|
|
- }
|
|
|
- }
|
|
|
+import navBar from "@/components/nav-bar/index.vue";
|
|
|
+
|
|
|
+export default {
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ selectShow: false,
|
|
|
+ tagValue: "",
|
|
|
+ showTag: false,
|
|
|
+ flList: [],
|
|
|
+ showFl: false,
|
|
|
+ postType: "",
|
|
|
+ stationName: "",
|
|
|
+ projectName: "",
|
|
|
+ experience: "",
|
|
|
+ education: "",
|
|
|
+ salaryRange: "",
|
|
|
+ tag: [],
|
|
|
+ industry: "",
|
|
|
+ positionWelfare: "",
|
|
|
+ positionDetails: "",
|
|
|
+ workTypes: [],
|
|
|
+ workShow: false,
|
|
|
+ lat: "",
|
|
|
+ lng: "",
|
|
|
+ address: "",
|
|
|
+ province: "",
|
|
|
+ city: "",
|
|
|
+ county: "",
|
|
|
+ workList: [],
|
|
|
+ workShow2: false,
|
|
|
+ schoolList: [],
|
|
|
+ schoolShow: false,
|
|
|
+ priceList: [],
|
|
|
+ priceShow: false,
|
|
|
+ ruleClassifyId: "",
|
|
|
+ ruleClassifyName: "",
|
|
|
+ classifyOneId: "",
|
|
|
+ classifyTwoId: "",
|
|
|
+ price: 0,
|
|
|
+ postPushId: "",
|
|
|
+ type: "",
|
|
|
+ status: "",
|
|
|
+ editorCtx: "", //富文本输入框的上下文
|
|
|
+ };
|
|
|
+ },
|
|
|
+ onLoad(option) {
|
|
|
+ if (option.type) {
|
|
|
+ this.type = option.type;
|
|
|
+ }
|
|
|
+ if (option.postPushId) {
|
|
|
+ this.postPushId = option.postPushId;
|
|
|
+ // this.getJobInfo()
|
|
|
+ }
|
|
|
+ //项目福利
|
|
|
+ this.getFlList();
|
|
|
+ },
|
|
|
+ components: {
|
|
|
+ navBar,
|
|
|
+ },
|
|
|
+ onShow() {
|
|
|
+ let that = this;
|
|
|
+ //选择的岗位
|
|
|
+ uni.$on("jobs", (info) => {
|
|
|
+ that.ruleClassifyId = info.ruleClassifyId;
|
|
|
+ that.ruleClassifyName = info.ruleClassifyName;
|
|
|
+ that.price = info.price;
|
|
|
+ // that.classifyOneId = info.ruleClassifyId1
|
|
|
+ // that.classifyTwoId = info.ruleClassifyId2
|
|
|
+ });
|
|
|
+ //选择的行业
|
|
|
+ uni.$on("industry", (info) => {
|
|
|
+ that.industry = info.industry;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ //给富文本插入
|
|
|
+ insertText(formatDate) {
|
|
|
+ this.editorCtx.setContents({
|
|
|
+ html: formatDate,
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //editor初始化的时候
|
|
|
+ onEditorReady() {
|
|
|
+ let that = this;
|
|
|
+ console.log(uni.createSelectorQuery().select("#editor").context, "99999999");
|
|
|
+ uni
|
|
|
+ .createSelectorQuery()
|
|
|
+ .select("#editor")
|
|
|
+ .context((res) => {
|
|
|
+ console.log(res, "88888888");
|
|
|
+ this.editorCtx = res.context;
|
|
|
+ if (this.postPushId) {
|
|
|
+ this.getJobInfo();
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .exec();
|
|
|
+
|
|
|
+ // setTimeout(() => {
|
|
|
+ // this.insertText(this.positionDetails)
|
|
|
+ // }, 500)
|
|
|
+ },
|
|
|
+ //岗位发布协议
|
|
|
+ gotoXieyi() {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: "/my/setting/jobXy",
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //判断是否可以更改岗位
|
|
|
+ goJob() {
|
|
|
+ if (this.type == "save" || !this.type || this.status == 3) {
|
|
|
+ this.goNav("/package/jobIntention/jobList");
|
|
|
+ } else {
|
|
|
+ uni.showModal({
|
|
|
+ title: "提示",
|
|
|
+ content: "当前无法修改为其他岗位，若有需要请重新发布",
|
|
|
+ confirmText: "去发布",
|
|
|
+ complete(ret) {
|
|
|
+ if (ret.confirm) {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: "/package/addJob/addJob",
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //获取岗位价格
|
|
|
+ getJobPrice(ruleClassifyId) {
|
|
|
+ this.$Request
|
|
|
+ .getT("/app/rule/ruleClassifyId", {
|
|
|
+ ruleClassifyId: ruleClassifyId,
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.code == 0) {
|
|
|
+ this.price = res.data.price;
|
|
|
+ } else {
|
|
|
+ uni.showToast({
|
|
|
+ title: res.msg,
|
|
|
+ icon: "none",
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //获取岗位详情
|
|
|
+ getJobInfo() {
|
|
|
+ let data = {
|
|
|
+ postPushId: this.postPushId,
|
|
|
+ };
|
|
|
+ this.$Request.getT("/app/postPush/selectPostPushDetails", data).then((res) => {
|
|
|
+ if (res.code == 0) {
|
|
|
+ let obj = res.data;
|
|
|
+ this.postType = obj.postType;
|
|
|
+ this.stationName = obj.stationName;
|
|
|
+ this.ruleClassifyName = obj.ruleClassifyName;
|
|
|
+ this.ruleClassifyId = obj.ruleClassifyId;
|
|
|
+ this.address = obj.address;
|
|
|
+ this.experience = obj.experience;
|
|
|
+ this.education = obj.education;
|
|
|
+ this.salaryRange = obj.salaryRange;
|
|
|
+ this.tag = obj.tag.split(",");
|
|
|
+ this.industry = obj.industry;
|
|
|
+ this.positionWelfare = obj.positionWelfare;
|
|
|
+ this.positionDetails = obj.positionDetails;
|
|
|
+ this.insertText(this.positionDetails);
|
|
|
+ this.province = obj.province;
|
|
|
+ this.city = obj.city;
|
|
|
+ this.county = obj.county;
|
|
|
+ this.lng = obj.lng;
|
|
|
+ this.lat = obj.lat;
|
|
|
+ this.status = obj.status;
|
|
|
+ if (this.type == "save") {
|
|
|
+ this.getJobPrice(obj.ruleClassifyId);
|
|
|
+ } else if (this.status == 3) {
|
|
|
+ this.getJobPrice(obj.ruleClassifyId);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ submitJobs() {
|
|
|
+ let that = this;
|
|
|
+ if (this.postType == "") {
|
|
|
+ uni.showToast({
|
|
|
+ title: "请选择招聘类型",
|
|
|
+ icon: "none",
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.stationName == "") {
|
|
|
+ uni.showToast({
|
|
|
+ title: "请输入岗位名称",
|
|
|
+ icon: "none",
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.ruleClassifyName == "") {
|
|
|
+ uni.showToast({
|
|
|
+ title: "请选择岗位类型",
|
|
|
+ icon: "none",
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.address == "") {
|
|
|
+ uni.showToast({
|
|
|
+ title: "请选择工作地址",
|
|
|
+ icon: "none",
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.experience == "") {
|
|
|
+ uni.showToast({
|
|
|
+ title: "请选择经验要求",
|
|
|
+ icon: "none",
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.education == "") {
|
|
|
+ uni.showToast({
|
|
|
+ title: "请选择学历要求",
|
|
|
+ icon: "none",
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.salaryRange == "") {
|
|
|
+ uni.showToast({
|
|
|
+ title: "请选择薪资范围",
|
|
|
+ icon: "none",
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.tag.length == 0) {
|
|
|
+ uni.showToast({
|
|
|
+ title: "请添加岗位关键词",
|
|
|
+ icon: "none",
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.industry == "") {
|
|
|
+ uni.showToast({
|
|
|
+ title: "请选择行业要求",
|
|
|
+ icon: "none",
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.positionWelfare == "") {
|
|
|
+ uni.showToast({
|
|
|
+ title: "请选择岗位福利",
|
|
|
+ icon: "none",
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.positionDetails == "" || this.positionDetails == "<p><br></p>") {
|
|
|
+ uni.showToast({
|
|
|
+ title: "请输入岗位介绍",
|
|
|
+ icon: "none",
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+
|
|
|
+ if (this.selectShow == false) {
|
|
|
+ uni.showToast({
|
|
|
+ title: "请查看并同意《岗位发布协议》",
|
|
|
+ icon: "none",
|
|
|
+ });
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (this.type == "save") {
|
|
|
+ if (Number(this.price) == 0) {
|
|
|
+ uni.showModal({
|
|
|
+ title: "提示",
|
|
|
+ content: "该岗位可免费发布，确认发布吗？",
|
|
|
+ complete(ret) {
|
|
|
+ if (ret.confirm) {
|
|
|
+ // console.log(1)
|
|
|
+ that.pay();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ uni.showModal({
|
|
|
+ title: "提示",
|
|
|
+ content: "发布该岗位需支付" + this.price + "钻石，确认发布吗？",
|
|
|
+ complete(ret) {
|
|
|
+ if (ret.confirm) {
|
|
|
+ // console.log(1)
|
|
|
+ that.pay();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ });
|
|
|
+ }
|
|
|
+ } else if (this.type == "updata") {
|
|
|
+ //修改
|
|
|
+ if (this.status == 3) {
|
|
|
+ //拒绝重新发布
|
|
|
+ if (Number(this.price) == 0) {
|
|
|
+ uni.showModal({
|
|
|
+ title: "提示",
|
|
|
+ content: "该岗位可免费发布，确认发布吗？",
|
|
|
+ complete(ret) {
|
|
|
+ if (ret.confirm) {
|
|
|
+ // console.log(1)
|
|
|
+ that.pay();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ uni.showModal({
|
|
|
+ title: "提示",
|
|
|
+ content: "发布该岗位为热门岗位，需支付" + this.price + "钻石，确认发布吗？",
|
|
|
+ complete(ret) {
|
|
|
+ if (ret.confirm) {
|
|
|
+ // console.log(1)
|
|
|
+ that.pay();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ });
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ //时效期内修改
|
|
|
+ uni.showModal({
|
|
|
+ title: "提示",
|
|
|
+ content: "本次修改岗位信息免费，确认发布吗？",
|
|
|
+ complete(ret) {
|
|
|
+ if (ret.confirm) {
|
|
|
+ // console.log(1)
|
|
|
+ that.pay(that.postPushId);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ });
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ uni.showModal({
|
|
|
+ title: "提示",
|
|
|
+ content: "发布该岗位为热门岗位，需支付" + this.price + "钻石，确认发布吗？",
|
|
|
+ complete(ret) {
|
|
|
+ if (ret.confirm) {
|
|
|
+ // console.log(1)
|
|
|
+ that.pay();
|
|
|
+ }
|
|
|
+ },
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //发布岗位
|
|
|
+ submitJob() {
|
|
|
+ let that = this;
|
|
|
+ //获取富文本中的内容
|
|
|
+ this.editorCtx.getContents({
|
|
|
+ success(res) {
|
|
|
+ that.positionDetails = res.html;
|
|
|
+ },
|
|
|
+ complete() {
|
|
|
+ //成功/或者失败都调用发布
|
|
|
+ that.submitJobs();
|
|
|
+ },
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //支付
|
|
|
+ pay(postPushId) {
|
|
|
+ let data = {
|
|
|
+ postType: this.postType,
|
|
|
+ stationName: this.stationName,
|
|
|
+ ruleClassifyName: this.ruleClassifyName,
|
|
|
+ ruleClassifyId: this.ruleClassifyId,
|
|
|
+ address: this.address,
|
|
|
+ experience: this.experience,
|
|
|
+ education: this.education,
|
|
|
+ salaryRange: this.salaryRange,
|
|
|
+ tag: this.tag.join(","),
|
|
|
+ industry: this.industry,
|
|
|
+ positionWelfare: this.positionWelfare,
|
|
|
+ positionDetails: this.positionDetails,
|
|
|
+ province: this.province,
|
|
|
+ city: this.city,
|
|
|
+ county: this.county,
|
|
|
+ lng: this.lng,
|
|
|
+ lat: this.lat,
|
|
|
+ companyId: uni.getStorageSync("companyId"),
|
|
|
+ };
|
|
|
+ if (postPushId) {
|
|
|
+ data.postPushId = postPushId;
|
|
|
+ }
|
|
|
+ this.$Request.postJson("/app/postPush/savePostPush", data).then((res) => {
|
|
|
+ if (res.code == 0) {
|
|
|
+ uni.showToast({
|
|
|
+ title: "发布成功",
|
|
|
+ });
|
|
|
+ this.postType = "";
|
|
|
+ this.stationName = "";
|
|
|
+ this.ruleClassifyName = "";
|
|
|
+ this.ruleClassifyId = "";
|
|
|
+ this.address = "";
|
|
|
+ this.experience = "";
|
|
|
+ this.education = "";
|
|
|
+ this.salaryRange = "";
|
|
|
+ this.tag = [];
|
|
|
+ this.industry = "";
|
|
|
+ this.positionWelfare = "";
|
|
|
+ this.positionDetails = "";
|
|
|
+ this.province = "";
|
|
|
+ this.city = "";
|
|
|
+ this.county = "";
|
|
|
+ this.lng = "";
|
|
|
+ this.lat = "";
|
|
|
+ this.postPushId = "";
|
|
|
+ setTimeout(() => {
|
|
|
+ if (this.type) {
|
|
|
+ uni.navigateBack();
|
|
|
+ } else {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: "/my/order/index",
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }, 1000);
|
|
|
+ } else {
|
|
|
+ uni.showToast({
|
|
|
+ title: res.msg,
|
|
|
+ icon: "none",
|
|
|
+ });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //新增关键词
|
|
|
+ addTag() {
|
|
|
+ // this.tag.push('关键词');
|
|
|
+ if (this.tagValue == "") {
|
|
|
+ uni.showToast({
|
|
|
+ title: "请输入关键词",
|
|
|
+ icon: "none",
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.tag.push(this.tagValue);
|
|
|
+ this.showTag = false;
|
|
|
+ this.tagValue = "";
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //删除输入的关键词
|
|
|
+ deleteTag(item, index) {
|
|
|
+ let that = this;
|
|
|
+ uni.showModal({
|
|
|
+ title: "提示",
|
|
|
+ content: "确定删除关键词“" + item + "”吗？",
|
|
|
+ complete(ret) {
|
|
|
+ if (ret.confirm) {
|
|
|
+ that.tag.splice(index, 1);
|
|
|
+ }
|
|
|
+ },
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //行业选择页
|
|
|
+ gotoHy() {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: "/package/jobIntention/industry?type=2",
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //确认选择的福利
|
|
|
+ subFl() {
|
|
|
+ let arr = [];
|
|
|
+ this.flList.map((item) => {
|
|
|
+ if (item.select === true) {
|
|
|
+ arr.push(item.value);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ this.positionWelfare = arr.join(",");
|
|
|
+ this.showFl = false;
|
|
|
+ },
|
|
|
+ setFuLi() {
|
|
|
+ if (this.flList.length > 0) {
|
|
|
+ this.showFl = true;
|
|
|
+ } else {
|
|
|
+ this.showFl = false;
|
|
|
+ uni.showToast({
|
|
|
+ title: "暂无岗位福利可选择",
|
|
|
+ icon: "none",
|
|
|
+ });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //选中/取消选中福利
|
|
|
+ selectFl(item) {
|
|
|
+ item.select = !item.select;
|
|
|
+ console.log(item);
|
|
|
+ this.$forceUpdate();
|
|
|
+ },
|
|
|
+ // 获取项目福利列表
|
|
|
+ getFlList() {
|
|
|
+ let data = {
|
|
|
+ type: "项目福利",
|
|
|
+ };
|
|
|
+ this.$Request.get("/app/dict/list", data).then((res) => {
|
|
|
+ if (res.code == 0) {
|
|
|
+ if (res.data.length > 0) {
|
|
|
+ res.data.map((item) => {
|
|
|
+ item.select = false;
|
|
|
+ });
|
|
|
+ if (this.postPushId) {
|
|
|
+ res.data.map((item) => {
|
|
|
+ this.positionWelfare.split(",").map((ite) => {
|
|
|
+ if (item.value === ite) {
|
|
|
+ item.select = true;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.flList = res.data;
|
|
|
+ } else {
|
|
|
+ this.flList = [];
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ goNav(url) {
|
|
|
+ uni.navigateTo({
|
|
|
+ url: url,
|
|
|
+ });
|
|
|
+ },
|
|
|
+ workConfirm4(e) {
|
|
|
+ this.salaryRange = e[0].value;
|
|
|
+ },
|
|
|
+ //薪资
|
|
|
+ getPriceList() {
|
|
|
+ this.$Request
|
|
|
+ .get("/app/dict/list", {
|
|
|
+ type: "薪资",
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.code == 0) {
|
|
|
+ let arr = res.data;
|
|
|
+ arr = JSON.parse(JSON.stringify(arr).replace(/code/g, "label"));
|
|
|
+ this.priceList = arr;
|
|
|
+ this.priceShow = true;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ workConfirm3(e) {
|
|
|
+ this.education = e[0].value;
|
|
|
+ },
|
|
|
+ //学历
|
|
|
+ getSchoolList() {
|
|
|
+ this.$Request
|
|
|
+ .get("/app/dict/list", {
|
|
|
+ type: "学历",
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.code == 0) {
|
|
|
+ let arr = res.data;
|
|
|
+ arr = JSON.parse(JSON.stringify(arr).replace(/code/g, "label"));
|
|
|
+ this.schoolList = arr;
|
|
|
+ this.schoolShow = true;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 工作经验
|
|
|
+ IntentionChen() {
|
|
|
+ this.$Request
|
|
|
+ .get("/app/dict/list", {
|
|
|
+ type: "工作经验",
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.code == 0) {
|
|
|
+ let arr = res.data;
|
|
|
+ arr = JSON.parse(JSON.stringify(arr).replace(/code/g, "label"));
|
|
|
+ this.workList = arr;
|
|
|
+ this.workShow2 = true;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ // 点击调起地图选择位置
|
|
|
+ goMap() {
|
|
|
+ let that = this;
|
|
|
+ uni.chooseLocation({
|
|
|
+ success: function (res) {
|
|
|
+ console.log(res);
|
|
|
+ that.address = res.name;
|
|
|
+ that.lat = res.latitude;
|
|
|
+ that.lng = res.longitude;
|
|
|
+ that.shengcheng(res.longitude, res.latitude);
|
|
|
+ },
|
|
|
+ });
|
|
|
+ },
|
|
|
+ shengcheng(longitude, latitude) {
|
|
|
+ this.$Request
|
|
|
+ .getT("/app/Login/selectCity?lat=" + latitude + "&lng=" + longitude)
|
|
|
+ .then((res) => {
|
|
|
+ // console.log(res)
|
|
|
+ if (res.code === 0) {
|
|
|
+ this.province = res.data.province;
|
|
|
+ if (res.data.city) {
|
|
|
+ this.city = res.data.city;
|
|
|
+ } else {
|
|
|
+ this.city = res.data.province;
|
|
|
+ }
|
|
|
+ this.county = res.data.district;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ workConfirm2(e) {
|
|
|
+ this.experience = e[0].value;
|
|
|
+ },
|
|
|
+ //选择类型
|
|
|
+ workConfirm(e) {
|
|
|
+ this.postType = e[0].value;
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 工作性质
|
|
|
+ */
|
|
|
+ getPostType() {
|
|
|
+ this.$Request
|
|
|
+ .get("/app/dict/list", {
|
|
|
+ type: "工作性质",
|
|
|
+ })
|
|
|
+ .then((res) => {
|
|
|
+ if (res.code == 0) {
|
|
|
+ let arr = res.data;
|
|
|
+ arr = JSON.parse(JSON.stringify(arr).replace(/code/g, "label"));
|
|
|
+ this.workTypes = arr;
|
|
|
+ this.workShow = true;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
-<style lang="scss">
|
|
|
- page {
|
|
|
- background-color: #F2F2F2;
|
|
|
- padding-bottom: 100rpx;
|
|
|
- }
|
|
|
-
|
|
|
- .myText {
|
|
|
- color: #C0C4CC;
|
|
|
- }
|
|
|
-
|
|
|
- .tagTitle {
|
|
|
- width: 100%;
|
|
|
- margin-top: 30rpx;
|
|
|
- text-align: center;
|
|
|
- }
|
|
|
-
|
|
|
- .tagCont {
|
|
|
- width: 100%;
|
|
|
- margin-top: 50rpx;
|
|
|
-
|
|
|
- .tagCont-box {
|
|
|
- width: 80%;
|
|
|
- }
|
|
|
-
|
|
|
- .tagCont-boxs {
|
|
|
- width: 80%;
|
|
|
- height: 80rpx;
|
|
|
- background-color: #016BF6;
|
|
|
- color: #ffffff;
|
|
|
- border-radius: 14rpx;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .flActive {
|
|
|
- color: #016BF6 !important;
|
|
|
- background-color: #DDFFF7 !important;
|
|
|
- }
|
|
|
-
|
|
|
- .fl {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
-
|
|
|
- .fl-box {
|
|
|
- width: 686rpx;
|
|
|
- height: 100%;
|
|
|
-
|
|
|
- .fl-box-title {
|
|
|
- width: 100%;
|
|
|
- text-align: center;
|
|
|
- margin-top: 30rpx;
|
|
|
- }
|
|
|
-
|
|
|
- .fl-box-con {
|
|
|
- width: 100%;
|
|
|
- margin-top: 20rpx;
|
|
|
-
|
|
|
- .fl-box-con-item {
|
|
|
- padding: 15rpx;
|
|
|
- background-color: #F2F2F7;
|
|
|
- color: #121212;
|
|
|
- margin-right: 15rpx;
|
|
|
- margin-bottom: 20rpx;
|
|
|
- border-radius: 8rpx;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .fl-box-sub {
|
|
|
- width: 100%;
|
|
|
- height: 70rpx;
|
|
|
- border-radius: 16rpx;
|
|
|
- background-color: #016BF6;
|
|
|
- color: #ffffff;
|
|
|
- margin-top: 20rpx;
|
|
|
- margin-bottom: 40rpx;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .line {
|
|
|
- width: 626rpx;
|
|
|
- border: 1rpx solid #F2F2F2;
|
|
|
- }
|
|
|
-
|
|
|
- .zpType {
|
|
|
- width: 100%;
|
|
|
- margin-top: 30rpx;
|
|
|
-
|
|
|
- .zpType-boxs {
|
|
|
- width: 100%;
|
|
|
- padding: 20rpx 30rpx;
|
|
|
-
|
|
|
- text {
|
|
|
- color: #333333;
|
|
|
- font-size: 28rpx;
|
|
|
- font-weight: 800;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .zpType-box {
|
|
|
- width: 686rpx;
|
|
|
- height: 100%;
|
|
|
- background-color: #ffffff;
|
|
|
- border-radius: 24rpx;
|
|
|
-
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .xt {
|
|
|
- width: 100%;
|
|
|
- // height: 675rpx;
|
|
|
- margin-top: 20rpx;
|
|
|
-
|
|
|
- .xt-box {
|
|
|
- width: 686rpx;
|
|
|
- height: 100%;
|
|
|
- background-color: #ffffff;
|
|
|
- border-radius: 24rpx;
|
|
|
-
|
|
|
- .xt-box-c {
|
|
|
- width: 626rpx;
|
|
|
- height: 100%;
|
|
|
- padding-bottom: 30rpx;
|
|
|
- }
|
|
|
-
|
|
|
- .xt-box-c-item {
|
|
|
- width: 100%;
|
|
|
- margin-top: 30rpx;
|
|
|
-
|
|
|
- .xt-box-c-item-title {
|
|
|
- width: 100%;
|
|
|
- color: #333333;
|
|
|
- font-size: 28rpx;
|
|
|
- font-weight: 800;
|
|
|
- }
|
|
|
-
|
|
|
- .xt-box-c-item-text {
|
|
|
- width: 100%;
|
|
|
-
|
|
|
- .tagItm {
|
|
|
- margin-right: 10rpx;
|
|
|
- margin-bottom: 10rpx;
|
|
|
- padding: 15rpx;
|
|
|
- border-radius: 8rpx;
|
|
|
- background-color: #DDFFF7;
|
|
|
- color: #016BF6;
|
|
|
- position: relative;
|
|
|
-
|
|
|
- .tagItmIcon {
|
|
|
- position: absolute;
|
|
|
- right: -6rpx;
|
|
|
- top: -6rpx;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .xieyi {
|
|
|
- width: 100%;
|
|
|
- margin-top: 30rpx;
|
|
|
-
|
|
|
- .xieyi-box {
|
|
|
- width: 686rpx;
|
|
|
-
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .btn {
|
|
|
- width: 100%;
|
|
|
- height: 88rpx;
|
|
|
- margin-top: 54rpx;
|
|
|
-
|
|
|
- .btn-box {
|
|
|
- width: 686rpx;
|
|
|
- height: 100%;
|
|
|
- background-color: #016BF6;
|
|
|
- border-radius: 16rpx;
|
|
|
- color: #ffffff;
|
|
|
- font-size: 28rpx;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- }
|
|
|
-</style>
|
|
|
+<style lang="scss" scoped>
|
|
|
+page {
|
|
|
+ background-color: #f2f2f2;
|
|
|
+ padding-bottom: 100rpx;
|
|
|
+}
|
|
|
+.page-box {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ bottom: 0;
|
|
|
+ right: 0;
|
|
|
+ top: 0;
|
|
|
+ overflow: hidden;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ .page-content{
|
|
|
+ width: 100%;
|
|
|
+ flex: 1;
|
|
|
+ overflow: hidden;
|
|
|
+ overflow-y: auto;
|
|
|
+ }
|
|
|
+}
|
|
|
+.myText {
|
|
|
+ color: #c0c4cc;
|
|
|
+}
|
|
|
+
|
|
|
+.tagTitle {
|
|
|
+ width: 100%;
|
|
|
+ margin-top: 30rpx;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.tagCont {
|
|
|
+ width: 100%;
|
|
|
+ margin-top: 50rpx;
|
|
|
+
|
|
|
+ .tagCont-box {
|
|
|
+ width: 80%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .tagCont-boxs {
|
|
|
+ width: 80%;
|
|
|
+ height: 80rpx;
|
|
|
+ background-color: #016bf6;
|
|
|
+ color: #ffffff;
|
|
|
+ border-radius: 14rpx;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.flActive {
|
|
|
+ color: #016bf6 !important;
|
|
|
+ background-color: #ddfff7 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.fl {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+
|
|
|
+ .fl-box {
|
|
|
+ width: 686rpx;
|
|
|
+ height: 100%;
|
|
|
+
|
|
|
+ .fl-box-title {
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ margin-top: 30rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .fl-box-con {
|
|
|
+ width: 100%;
|
|
|
+ margin-top: 20rpx;
|
|
|
+
|
|
|
+ .fl-box-con-item {
|
|
|
+ padding: 15rpx;
|
|
|
+ background-color: #f2f2f7;
|
|
|
+ color: #121212;
|
|
|
+ margin-right: 15rpx;
|
|
|
+ margin-bottom: 20rpx;
|
|
|
+ border-radius: 8rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .fl-box-sub {
|
|
|
+ width: 100%;
|
|
|
+ height: 70rpx;
|
|
|
+ border-radius: 16rpx;
|
|
|
+ background-color: #016bf6;
|
|
|
+ color: #ffffff;
|
|
|
+ margin-top: 20rpx;
|
|
|
+ margin-bottom: 40rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.line {
|
|
|
+ width: 626rpx;
|
|
|
+ border: 1rpx solid #f2f2f2;
|
|
|
+}
|
|
|
+
|
|
|
+.zpType {
|
|
|
+ width: 100%;
|
|
|
+ margin-top: 30rpx;
|
|
|
+
|
|
|
+ .zpType-boxs {
|
|
|
+ width: 100%;
|
|
|
+ padding: 20rpx 30rpx;
|
|
|
+
|
|
|
+ text {
|
|
|
+ color: #333333;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-weight: 800;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .zpType-box {
|
|
|
+ width: 686rpx;
|
|
|
+ height: 100%;
|
|
|
+ background-color: #ffffff;
|
|
|
+ border-radius: 24rpx;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.xt {
|
|
|
+ width: 100%;
|
|
|
+ // height: 675rpx;
|
|
|
+ margin-top: 20rpx;
|
|
|
+
|
|
|
+ .xt-box {
|
|
|
+ width: 686rpx;
|
|
|
+ height: 100%;
|
|
|
+ background-color: #ffffff;
|
|
|
+ border-radius: 24rpx;
|
|
|
+
|
|
|
+ .xt-box-c {
|
|
|
+ width: 626rpx;
|
|
|
+ height: 100%;
|
|
|
+ padding-bottom: 30rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .xt-box-c-item {
|
|
|
+ width: 100%;
|
|
|
+ margin-top: 30rpx;
|
|
|
+
|
|
|
+ .xt-box-c-item-title {
|
|
|
+ width: 100%;
|
|
|
+ color: #333333;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-weight: 800;
|
|
|
+ }
|
|
|
+
|
|
|
+ .xt-box-c-item-text {
|
|
|
+ width: 100%;
|
|
|
+
|
|
|
+ .tagItm {
|
|
|
+ margin-right: 10rpx;
|
|
|
+ margin-bottom: 10rpx;
|
|
|
+ padding: 15rpx;
|
|
|
+ border-radius: 8rpx;
|
|
|
+ background-color: #ddfff7;
|
|
|
+ color: #016bf6;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+ .tagItmIcon {
|
|
|
+ position: absolute;
|
|
|
+ right: -6rpx;
|
|
|
+ top: -6rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.xieyi {
|
|
|
+ width: 100%;
|
|
|
+ margin-top: 30rpx;
|
|
|
+
|
|
|
+ .xieyi-box {
|
|
|
+ width: 686rpx;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.btn {
|
|
|
+ width: 100%;
|
|
|
+ height: 88rpx;
|
|
|
+ margin-top: 54rpx;
|
|
|
+
|
|
|
+ .btn-box {
|
|
|
+ width: 686rpx;
|
|
|
+ height: 100%;
|
|
|
+ background-color: #016bf6;
|
|
|
+ border-radius: 16rpx;
|
|
|
+ color: #ffffff;
|
|
|
+ font-size: 28rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
jianghaili