|
@@ -18,6 +18,19 @@
|
|
|
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <!--结算形式 -->
|
|
|
+ <view class="item">
|
|
|
+ <view class="title">
|
|
|
+ <text>*</text>结算形式
|
|
|
+ </view>
|
|
|
+ <view class="input">
|
|
|
+
|
|
|
+ <u-input type="select" v-model="settlementMethod"
|
|
|
+ @click="showselect(1)" placeholder="请选择结算形式"></u-input>
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
<!-- *薪资待遇 -->
|
|
|
<view class="item">
|
|
|
<view class="title">
|
|
@@ -36,19 +49,7 @@
|
|
|
</view> -->
|
|
|
|
|
|
</view>
|
|
|
- <!--结算形式 -->
|
|
|
- <view class="item">
|
|
|
- <view class="title">
|
|
|
- <text>*</text>结算形式
|
|
|
- </view>
|
|
|
- <view class="input">
|
|
|
-
|
|
|
- <u-input type="select" v-model="settlementMethod"
|
|
|
- @click="showselect(1)" placeholder="请选择结算形式"></u-input>
|
|
|
-
|
|
|
- </view>
|
|
|
-
|
|
|
- </view>
|
|
|
+
|
|
|
<!-- 行业 -->
|
|
|
<view class="item">
|
|
|
<view class="title">
|
|
@@ -57,7 +58,7 @@
|
|
|
<view class="input">
|
|
|
|
|
|
<u-input type="select" v-model="industry"
|
|
|
- @click="showselect(2)" placeholder="请选择行业"></u-input>
|
|
|
+ @click="popupShow=true" readonly placeholder="请选择行业"></u-input>
|
|
|
|
|
|
</view>
|
|
|
|
|
@@ -152,7 +153,76 @@
|
|
|
|
|
|
<button class="issue" @click="submit()"
|
|
|
|
|
|
- type="default">发布</button>
|
|
|
+ type="default">提交审核</button>
|
|
|
+
|
|
|
+
|
|
|
+ <!-- 筛选框 -->
|
|
|
+ <u-popup v-model="popupShow" @open="popupShowOpen" mode="bottom" border-radius="20" :closeable="true">
|
|
|
+ <view class="popup-content">
|
|
|
+ <view class="headline">
|
|
|
+ 筛选
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- 行业 -->
|
|
|
+ <view class="industry">
|
|
|
+ <view class="title">
|
|
|
+ <u-search v-model="querypop"></u-search>
|
|
|
+ <view>意向行业 <span style="color: #4696f6;">{{isChecked!=-1?'已选中:'+industryList[isChecked].name:''}}</span> (向下拉可滑动)</view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <!-- 选项 -->
|
|
|
+
|
|
|
+ <scroll-view class="scrollview" scroll-y="true" style="height: 620rpx;">
|
|
|
+
|
|
|
+ <view class="options">
|
|
|
+
|
|
|
+ <view
|
|
|
+ :class="{item,checked:isChecked==index}" v-for="(item,index) in industryList"
|
|
|
+ v-show="item.name.indexOf(querypop)!=-1"
|
|
|
+ :key="index"
|
|
|
+ @click="changeChecked(index)">
|
|
|
+ <!-- 快递跑腿/配送/分拣 -->{{item.name}}
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </scroll-view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <!-- 结算方式 -->
|
|
|
+ <view class="clearing-form" v-if="false">
|
|
|
+ <view class="title">
|
|
|
+ 结算方式
|
|
|
+ </view>
|
|
|
+ <!-- 选项 -->
|
|
|
+ <view class="options">
|
|
|
+ <view :class="{item,checked:wayChecked==index}" v-for="(item,index) in wayList" :key="index"
|
|
|
+ @click="changeWayChecked(index)">
|
|
|
+ {{item.name}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <!-- 薪资形式 -->
|
|
|
+ <view class="salary-form" v-if="false">
|
|
|
+ <view class="title">
|
|
|
+ 薪资形式
|
|
|
+ </view>
|
|
|
+ <!-- 选项 -->
|
|
|
+ <view class="options ">
|
|
|
+ <view :class="{item,checked:saralyChecked==index}" v-for="(item,index) in salaryList"
|
|
|
+ :key="index" @click="changeSaralyChecked(index)">
|
|
|
+ {{item.name}}
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ <view class="button">
|
|
|
+ <button class="reset" @click="reset()">重置</button>
|
|
|
+ <button class="confirm" @click="queryBtn()" >确认</button>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </u-popup>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
@@ -162,6 +232,12 @@
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
+ querypop:"",
|
|
|
+ popupShow: false,
|
|
|
+ isChecked: -1,
|
|
|
+ industryList: [
|
|
|
+ ],
|
|
|
+
|
|
|
selectIndex:0,
|
|
|
show: false,
|
|
|
list: [],
|
|
@@ -203,6 +279,43 @@
|
|
|
//this.tel=this.userInfo.phone
|
|
|
},
|
|
|
methods: {
|
|
|
+ reset() {
|
|
|
+ this.isChecked = -1;
|
|
|
+
|
|
|
+
|
|
|
+ },
|
|
|
+ queryBtn(){
|
|
|
+ this.formData.industry=this.industryList[this.isChecked].value
|
|
|
+ this.industry=this.industryList[this.isChecked].name
|
|
|
+ this.popupShow=false;
|
|
|
+ },
|
|
|
+ changeChecked(index) {
|
|
|
+ this.isChecked = index;
|
|
|
+ },
|
|
|
+ popupShowOpen(){
|
|
|
+ if(this.industryList.length==0){
|
|
|
+ uni.showLoading({
|
|
|
+ title: "加载中",
|
|
|
+ mask: true,
|
|
|
+ })
|
|
|
+ API_weixin.findListByCatalogName({
|
|
|
+ name:'意向行业',
|
|
|
+
|
|
|
+ }).then((res) => {
|
|
|
+ uni.hideLoading();
|
|
|
+
|
|
|
+ this.industryList=res.data.dictionaryList
|
|
|
+
|
|
|
+ }).catch(error => {
|
|
|
+
|
|
|
+ uni.showToast({icon: 'none',
|
|
|
+ title: error
|
|
|
+ })
|
|
|
+ //this.getPhone()
|
|
|
+
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
getInfo(){
|
|
|
uni.showLoading({
|
|
|
title: "加载中",
|
|
@@ -344,7 +457,7 @@
|
|
|
|
|
|
uni.showModal({
|
|
|
title: '提示',
|
|
|
- content: '发布成功,等待审核!',
|
|
|
+ content: '提交成功,等待审核!',
|
|
|
showCancel:false,
|
|
|
success: function (res) {
|
|
|
if (res.confirm) {
|
|
@@ -474,4 +587,92 @@
|
|
|
bottom: 20rpx;
|
|
|
z-index: 999;
|
|
|
}
|
|
|
+ // 筛选框
|
|
|
+ .popup-content {
|
|
|
+ padding: 32rpx;
|
|
|
+
|
|
|
+ .headline {
|
|
|
+ color: #101010;
|
|
|
+ font-size: 40rpx;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+
|
|
|
+ //行业
|
|
|
+ .industry,
|
|
|
+ .clearing-form,
|
|
|
+ .salary-form {
|
|
|
+ margin-top: 16rpx;
|
|
|
+
|
|
|
+ .title {
|
|
|
+ font-size: 32rpx;
|
|
|
+ color: #111111;
|
|
|
+ }
|
|
|
+
|
|
|
+ // 选项
|
|
|
+ .options {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ margin-top: 24rpx;
|
|
|
+
|
|
|
+ .item {
|
|
|
+ height: 56rpx;
|
|
|
+ line-height: 56rpx;
|
|
|
+ min-width: 210rpx;
|
|
|
+ text-align: center;
|
|
|
+ margin-bottom: 16rpx;
|
|
|
+ margin-right: 16rpx;
|
|
|
+ color: #999999;
|
|
|
+ background-color: #F3F3F4;
|
|
|
+ border-radius: 4px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .checked {
|
|
|
+ background-color: #2795FD;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .button {
|
|
|
+ display: flex;
|
|
|
+
|
|
|
+ margin-top: 8rpx;
|
|
|
+ .reset:after{
|
|
|
+ border:0
|
|
|
+ }
|
|
|
+ .reset {
|
|
|
+ color: #999999;
|
|
|
+ background-color: #F3F3F4;
|
|
|
+ width: 200rpx;
|
|
|
+ height: 72rpx;
|
|
|
+ line-height: 72rpx;
|
|
|
+ border-radius: 8px;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .confirm {
|
|
|
+ width: 440rpx;
|
|
|
+ background-color: #2795FD;
|
|
|
+ color: #fff;
|
|
|
+ height: 72rpx;
|
|
|
+ line-height: 72rpx;
|
|
|
+ border-radius: 8px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .salary-form,
|
|
|
+ .clearing-form {
|
|
|
+ .options {
|
|
|
+ justify-content: start !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .item {
|
|
|
+ margin-right: 24rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .scrollview{
|
|
|
+ border: 1px #101010 dashed;
|
|
|
+ }
|
|
|
</style>
|