You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
133 lines
4.5 KiB
Vue
133 lines
4.5 KiB
Vue
<template>
|
|
<view class="g-new">
|
|
<view class="g_flex_row_start" style="position: relative">
|
|
<view class="g_flex_1 g_flex_row_between">
|
|
<view class="g_flex_1">
|
|
<view class="g_flex_column_center">
|
|
<view class="g_flex_row_start g_position_rela" v-if="from == 'bill'">
|
|
<view class="new-obj g_position_abso" v-if="info.isToday">
|
|
<view class="g_fs_12 g_c_f wors">新</view>
|
|
</view>
|
|
<view class="g_fs_18 g_c_0 g_fw_600 g_flex_none g_ell_1" style="max-width: 360rpx">{{ info.title }}</view>
|
|
<!-- <view class="g_fs_14 g_flex_1 g_flex_column_center g_ml_4" style="color: rgba(0, 0, 0, 0.45)">
|
|
<view class="g_ell_1" v-if="item.teamType == 2"> {{ item.creatorName }} </view>
|
|
</view> -->
|
|
</view>
|
|
<view class="g_flex_row_start g_position_rela" v-if="from == 'default' || from == 'home' || from == 'user' || from == 'record'">
|
|
<view class="new-obj g_position_abso" v-if="info.isToday">
|
|
<view class="g_fs_12 g_c_f wors">新</view>
|
|
</view>
|
|
<view class="g_fs_18 g_c_0 g_fw_600 g_ell_1" style="max-width: 420rpx">{{ info.title }}</view>
|
|
</view>
|
|
</view>
|
|
<!-- {{corpUserFlag}} -->
|
|
<!-- 123 -->
|
|
<view class="g_fs_14 g_mt_12 g_h_27 g_flex_column_center" v-if="item.classify == 1" style="color: rgba(0, 0, 0, 0.45)">
|
|
<view class="g_ell_1" style="max-width: 250px">
|
|
<view class="" style=""> {{ info.district }}{{ info.district ? "丨" : "" }}{{ info.age }} </view>
|
|
</view>
|
|
</view>
|
|
<view class="g_fs_12 g_mt_16 g_flex_column_center" style="background-color: rgba(255, 77, 79, 0.1); color: #ff4d4f; display: inline-block; padding: 0 4px; border-radius: 2px" v-if="item.classify == 2 && corpUserFlag">
|
|
<view class="g_ell_1">{{ info.supplier }}</view>
|
|
</view>
|
|
</view>
|
|
<view class="g_flex_none g_ml_12">
|
|
<view class="g_fs_18 g_c_f40 g_fw_600 g_ml_8 g_ell_1 g_text_r" v-if="item.policyClassify == 1">{{ info.price || "-" }}</view>
|
|
<view class="g_fs_18 g_c_f40 g_fw_600 g_ml_8 g_ell_1 g_text_r" v-else>
|
|
<text v-if="info.totalPrice"> {{ info.totalPrice / 100 }}元/月 </text>
|
|
<text v-else> - </text>
|
|
</view>
|
|
<view class="g_fs_14 g_c_f40 g_ml_8 g_text_r g_flex_row_end g_mt_10">
|
|
<!-- <g-panel-server :str="(recordStatus == 3 || recordStatus == 4 || recordStatus == 5) && !isSelf ? '关注查看' : (item.classify == 1 ? info.serverPrice : (item.policyClassify == 1 ? ((item.totalPrice || '-') +'元/月' ) : '总价'))" verson="new" /> -->
|
|
<!-- 工价+服务费 -->
|
|
<g-panel-server v-if="item.policyClassify == 1" :str="(recordStatus == 3 || recordStatus == 4 || recordStatus == 5) && !isSelf ? '关注查看' : info.serverPrice" verson="new" />
|
|
<!-- 总价 -->
|
|
<g-panel-server v-else :str="(recordStatus == 3 || recordStatus == 4 || recordStatus == 5) && !isSelf ? '关注查看' : '总价'" verson="new" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<i class="iconfont icon-yitingzhao" v-if="info.recruitmentImage == 2"
|
|
style="position: absolute; right: 30px; top: 50%; transform: translateY(-50%);color: #ff4d4f;font-size: 80px;z-index: 1;"
|
|
></i>
|
|
</view>
|
|
<view class="g_ell_1 g_fs_14 g_mt_8" style="color: rgba(0, 0, 0, 0.45)" v-if="item.classify == 2">
|
|
{{ info.jobInfo || "-" }}
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
/* 职位列表 - 上方面板
|
|
* @params item 对象
|
|
*/
|
|
export default {
|
|
data() {
|
|
return {
|
|
localBaseImg: this.G.store().localBaseImg,
|
|
info: {},
|
|
corpUserFlag: false,
|
|
};
|
|
},
|
|
props: {
|
|
item: {
|
|
type: Object,
|
|
dafault: () => {
|
|
return {};
|
|
},
|
|
},
|
|
isSelf: {
|
|
type: Boolean,
|
|
default: () => {
|
|
return false;
|
|
},
|
|
},
|
|
from: {
|
|
type: String,
|
|
default: () => {
|
|
return "default";
|
|
},
|
|
},
|
|
recordStatus: {
|
|
default: () => {
|
|
return 1;
|
|
},
|
|
},
|
|
},
|
|
watch: {
|
|
item: {
|
|
handler(val) {
|
|
// console.log("val", val);
|
|
this.info = val;
|
|
this.$forceUpdate();
|
|
},
|
|
immediate: true,
|
|
},
|
|
},
|
|
mounted() {
|
|
this.info = this.item;
|
|
this.corpUserFlag = uni.getStorageSync("apply-userinfo").corpUserFlag;
|
|
// console.log(uni.getStorageSync("apply-userinfo").corpUserFlag);
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.g-new {
|
|
.new-obj {
|
|
top: -16px; /* 调整位置 */
|
|
left: -16px; /* 调整位置 */
|
|
border-top: 16px solid #ff4d4f;
|
|
border-bottom: 16px solid transparent;
|
|
border-left: 16px solid #ff4d4f;
|
|
border-right: 16px solid transparent;
|
|
border-top-left-radius: 8px;
|
|
.wors {
|
|
position: absolute;
|
|
left: -12px;
|
|
top: -13px;
|
|
}
|
|
}
|
|
}
|
|
</style>
|