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

flat: 去除无效的按钮，等

Browse Source
This commit is contained in:
Apcallover
2024-05-20 10:48:23 +08:00
parent 73e8bd5bb6
commit f3eef9f396
11 changed files with 2198 additions and 2175 deletions
Download Patch File Download Diff File Expand all files Collapse all files

458
components/companyList/applyList.vue
View File

@@ -1,230 +1,230 @@
<template> <template>
<view class="body" @click="goInfo(companyitem)"> <view class="body" @click="goInfo(companyitem)">
<view class="heads"> <view class="heads">
<view class="head_left"> <view class="head_left">
<rich-text :nodes="string"> <rich-text :nodes="string">
</rich-text> </rich-text>
</view> </view>
<view class="head_right"> <view class="head_right">
{{ companyitem.wage }}{{ wageUnit[companyitem.wageUnitCategory] }} {{ companyitem.wage }}{{ wageUnit[companyitem.wageUnitCategory] }}
</view> </view>
</view> </view>
<view class="ask"> <view class="ask">
<view class="askList"> <view class="askList">
{{ companyitem.tradeNames }} {{ companyitem.tradeNames }}
</view> </view>
<view class="askList" v-for="(item, index) in skillNames" :key="index"> <view class="askList" v-for="(item, index) in skillNames" :key="index">
{{ item }} {{ item }}
</view> </view>
<view style="flex:1;"></view> <view style="flex:1;"></view>
<u-tag text="零工岗位" v-if="companyitem.type == 0" plain size="mini" type="warning"></u-tag> <u-tag text="零工岗位" v-if="companyitem.type == 0" plain size="mini" type="warning"></u-tag>
<u-tag text="全职岗位" v-if="companyitem.type == 1" plain size="mini"></u-tag> <u-tag text="全职岗位" v-if="companyitem.type == 1" plain size="mini"></u-tag>
<u-tag text="招工" v-if="companyitem.type == 2" plain size="mini"></u-tag> <u-tag text="招工" v-if="companyitem.type == 2" plain size="mini"></u-tag>
</view> </view>
<view style="width: 100%;height: 1rpx;background-color: #999;margin: 0 auto;opacity: .5;"></view> <view style="width: 100%;height: 1rpx;background-color: #999;margin: 0 auto;opacity: .5;"></view>
<view class="timeAddress" style="position: relative;"> <view class="timeAddress" style="position: relative;">
<view style="display: flex;align-items: center;"> <view style="display: flex;align-items: center;">
<image src="../../static/img/city.png" style="width: 40rpx;height: 40rpx;margin-right: 10rpx;" mode=""> <image src="../../static/img/city.png" style="width: 40rpx;height: 40rpx;margin-right: 10rpx;" mode="">
</image> </image>
<view style="font-size: 26rpx;color:#333;">{{ companyitem.missionCompanyName }}</view> <view style="font-size: 26rpx;color:#333;">{{ companyitem.missionCompanyName }}</view>
</view> </view>
<view style="display: flex;align-items: center;position:absolute;right:0;"> <view style="display: flex;align-items: center;position:absolute;right:0;">
<image src="../../static/img/location_new.png" style="width: 30rpx;height: 30rpx;" mode=""></image> <image src="../../static/img/location_new.png" style="width: 30rpx;height: 30rpx;" mode=""></image>
<view>2.2km</view> <view>--km</view>
</view> </view>
</view> </view>
<view class="comment" v-if='comment' @tap.stop="goComment(companyitem.missionNo)"> <view class="comment" v-if='comment' @tap.stop="goComment(companyitem.missionNo)">
<view class="comment_content commentimg" v-if='companyitem.scoreAll > 0'> <view class="comment_content commentimg" v-if='companyitem.scoreAll > 0'>
<image class="commentimg_image" src="../../static/img/star.full.svg" <image class="commentimg_image" src="../../static/img/star.full.svg"
v-for="index1 in companyitem.scoreAll" mode="" :key="index1"></image> v-for="index1 in companyitem.scoreAll" mode="" :key="index1"></image>
<image class="commentimg_image" src="../../static/img/star.empty.svg" <image class="commentimg_image" src="../../static/img/star.empty.svg"
v-for="index2 in (5 - companyitem.scoreAll)" mode="" :key="index2"></image> v-for="index2 in (5 - companyitem.scoreAll)" mode="" :key="index2"></image>
</view> </view>
<view class="comment_content allName gocomment" v-else> <view class="comment_content allName gocomment" v-else>
评价 评价
</view> </view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import { import {
toDoller, toDoller,
dateFormat dateFormat
} from "../../untils/format.js"; } from "../../untils/format.js";
import dictionary from '@/common/textdata.js'; import dictionary from '@/common/textdata.js';
export default { export default {
beforeCreate: function() {}, beforeCreate: function() {},
props: { props: {
companyitem: { companyitem: {
type: Object, type: Object,
default () { default () {
return [] return []
} }
}, },
comment: { comment: {
type: Boolean, type: Boolean,
default: false default: false
}, },
noApply: { noApply: {
type: Boolean, type: Boolean,
default: true default: true
}, },
near: { near: {
type: Boolean, type: Boolean,
default: false default: false
} }
}, },
data() { data() {
return { return {
...dictionary, ...dictionary,
string: "<div style='overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'>" + this.companyitem string: "<div style='overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'>" + this.companyitem
.missionTitle + .missionTitle +
"</div>" "</div>"
}; };
}, },
computed: { computed: {
skillNames() { skillNames() {
return this.companyitem.skillNames?.split(',') return this.companyitem.skillNames?.split(',')
} }
}, },
methods: { methods: {
goComment: function(no) { goComment: function(no) {
uni.navigateTo({ uni.navigateTo({
url: `../../pageMy/mycomment/mycomment?missionNo=${encodeURIComponent(no)}` url: `../../pageMy/mycomment/mycomment?missionNo=${encodeURIComponent(no)}`
}) })
}, },
goInfo: function(item) { goInfo: function(item) {
// const isCan = this.noApply === false ? '0' : '1' // const isCan = this.noApply === false ? '0' : '1'
if (item.type == 0) { if (item.type == 0) {
uni.navigateTo({ uni.navigateTo({
url: `/pages/projectInfo/projectInfo?missionNo=${encodeURIComponent(item.missionNo)}&isCan=1` url: `/pages/projectInfo/projectInfo?missionNo=${encodeURIComponent(item.missionNo)}&isCan=1`
}) })
} else if (item.type == 1) { } else if (item.type == 1) {
uni.navigateTo({ uni.navigateTo({
url: `/pages/projectInfo/workInfo?workId=${encodeURIComponent(item.id)}&isCan=1` url: `/pages/projectInfo/workInfo?workId=${encodeURIComponent(item.id)}&isCan=1`
}) })
} }
}, },
getCity: function(val) { getCity: function(val) {
if (val) { if (val) {
let areas = this.$store.getters.getAreaParents(val) let areas = this.$store.getters.getAreaParents(val)
if (areas.length === 3) { if (areas.length === 3) {
return areas[0].label + '-' + areas[1].label + '-' + areas[2].label return areas[0].label + '-' + areas[1].label + '-' + areas[2].label
} }
} }
}, },
toDoller, toDoller,
dateFormat dateFormat
} }
} }
</script> </script>
<style> <style>
.commentimg_image { .commentimg_image {
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
} }
.commentimg { .commentimg {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
} }
.gocomment { .gocomment {
font-size: 26rpx !important; font-size: 26rpx !important;
border-radius: 5rpx; border-radius: 5rpx;
border: 1rpx solid #c3c3c3; border: 1rpx solid #c3c3c3;
width: 160rpx; width: 160rpx;
text-align: center; text-align: center;
float: right; float: right;
height: 50rpx; height: 50rpx;
line-height: 50rpx; line-height: 50rpx;
} }
.timeAddress { .timeAddress {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 24rpx; font-size: 24rpx;
color: #999999; color: #999999;
margin: 10rpx 0; margin: 10rpx 0;
padding: 10rpx 0; padding: 10rpx 0;
} }
.allName { .allName {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 28rpx; font-size: 28rpx;
color: #666666; color: #666666;
} }
.askList { .askList {
/* width: 14%; */ /* width: 14%; */
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 24rpx; font-size: 24rpx;
color: #666666; color: #666666;
background-color: #f6f6f6; background-color: #f6f6f6;
padding: 5rpx 15rpx; padding: 5rpx 15rpx;
margin-right: 10rpx; margin-right: 10rpx;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.ask { .ask {
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: flex-start; justify-content: flex-start;
margin: 20rpx 0; margin: 20rpx 0;
} }
.head_right { .head_right {
ont-family: PingFangSC-Medium; ont-family: PingFangSC-Medium;
font-size: 28rpx; font-size: 28rpx;
color: #F46161; color: #F46161;
font-weight: bold; font-weight: bold;
} }
.head_left { .head_left {
font-family: PingFangSC-Medium; font-family: PingFangSC-Medium;
font-size: 32rpx; font-size: 32rpx;
font-weight: bold; font-weight: bold;
color: #333333; color: #333333;
width: 350rpx; width: 350rpx;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
/*不换行*/ /*不换行*/
text-overflow: ellipsis; text-overflow: ellipsis;
/*超出部分文字以...显示*/ /*超出部分文字以...显示*/
} }
.highlight { .highlight {
color: #F46161; color: #F46161;
} }
.body { .body {
width: 690rpx; width: 690rpx;
margin: 0rpx auto; margin: 0rpx auto;
background-color: #fefefe; background-color: #fefefe;
overflow: hidden; overflow: hidden;
box-sizing: border-box; box-sizing: border-box;
padding: 20rpx; padding: 20rpx;
padding-bottom: 0; padding-bottom: 0;
border-radius: 20rpx; border-radius: 20rpx;
margin-top: 20rpx; margin-top: 20rpx;
} }
.heads { .heads {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
</style> </style>

486
components/companyList/collectionList.vue
View File

@@ -1,244 +1,244 @@
<template> <template>
<view class="body" @click="goInfo(companyitem)"> <view class="body" @click="goInfo(companyitem)">
<view class="heads"> <view class="heads">
<view class="head_left"> <view class="head_left">
<rich-text :nodes="string"> <rich-text :nodes="string">
</rich-text> </rich-text>
</view> </view>
<view class="head_right"> <view class="head_right">
{{ companyitem.wage }}{{ wageUnit[companyitem.wageUnitCategory] }} {{ companyitem.wage }}{{ wageUnit[companyitem.wageUnitCategory] }}
</view> </view>
</view> </view>
<view class="ask"> <view class="ask">
<view class="askList"> <view class="askList">
{{ companyitem.tradeNames }} {{ companyitem.tradeNames }}
</view> </view>
<view class="askList" v-for="(item, index) in skillNames" :key="index"> <view class="askList" v-for="(item, index) in skillNames" :key="index">
{{ item }} {{ item }}
</view> </view>
<view style="flex:1;"></view> <view style="flex:1;"></view>
<u-tag text="零工岗位" v-if="companyitem.type == 0" plain size="mini" type="warning"></u-tag> <u-tag text="零工岗位" v-if="companyitem.type == 0" plain size="mini" type="warning"></u-tag>
<u-tag text="全职岗位" v-if="companyitem.type == 1" plain size="mini"></u-tag> <u-tag text="全职岗位" v-if="companyitem.type == 1" plain size="mini"></u-tag>
<u-tag text="招工" v-if="companyitem.type == 2" plain size="mini"></u-tag> <u-tag text="招工" v-if="companyitem.type == 2" plain size="mini"></u-tag>
</view> </view>
<view style="width: 100%;height: 1rpx;background-color: #999;margin: 0 auto;opacity: .5;"></view> <view style="width: 100%;height: 1rpx;background-color: #999;margin: 0 auto;opacity: .5;"></view>
<view class="timeAddress" style="position: relative;"> <view class="timeAddress" style="position: relative;">
<view style="display: flex;align-items: center;"> <view style="display: flex;align-items: center;">
<image src="../../static/img/city.png" style="width: 40rpx;height: 40rpx;margin-right: 10rpx;" mode=""> <image src="../../static/img/city.png" style="width: 40rpx;height: 40rpx;margin-right: 10rpx;" mode="">
</image> </image>
<view style="font-size: 26rpx;color:#333;">{{ companyitem.missionCompanyName }}</view> <view style="font-size: 26rpx;color:#333;">{{ companyitem.missionCompanyName }}</view>
</view> </view>
<view style="display: flex;align-items: center;position:absolute;right:0;"> <view style="display: flex;align-items: center;position:absolute;right:0;">
<image src="../../static/img/location_new.png" style="width: 30rpx;height: 30rpx;" mode=""></image> <image src="../../static/img/location_new.png" style="width: 30rpx;height: 30rpx;" mode=""></image>
<view>2.2km</view> <view>--km</view>
</view> </view>
</view> </view>
<view class="comment" v-if='comment' @tap.stop="goComment(companyitem.missionNo)"> <view class="comment" v-if='comment' @tap.stop="goComment(companyitem.missionNo)">
<view class="comment_content commentimg" v-if='companyitem.scoreAll > 0'> <view class="comment_content commentimg" v-if='companyitem.scoreAll > 0'>
<image class="commentimg_image" src="../../static/img/star.full.svg" <image class="commentimg_image" src="../../static/img/star.full.svg"
v-for="index1 in companyitem.scoreAll" mode="" :key="index1"></image> v-for="index1 in companyitem.scoreAll" mode="" :key="index1"></image>
<image class="commentimg_image" src="../../static/img/star.empty.svg" <image class="commentimg_image" src="../../static/img/star.empty.svg"
v-for="index2 in (5 - companyitem.scoreAll)" mode="" :key="index2"></image> v-for="index2 in (5 - companyitem.scoreAll)" mode="" :key="index2"></image>
</view> </view>
<view class="comment_content allName gocomment" v-else> <view class="comment_content allName gocomment" v-else>
评价 评价
</view> </view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import { import {
toDoller, toDoller,
dateFormat dateFormat
} from "../../untils/format.js"; } from "../../untils/format.js";
import dictionary from '@/common/textdata.js'; import dictionary from '@/common/textdata.js';
import { import {
defaults defaults
} from "lodash"; } from "lodash";
export default { export default {
beforeCreate: function() {}, beforeCreate: function() {},
props: { props: {
companyitem: { companyitem: {
type: Object, type: Object,
default () { default () {
return [] return []
} }
}, },
comment: { comment: {
type: Boolean, type: Boolean,
default: false default: false
}, },
noApply: { noApply: {
type: Boolean, type: Boolean,
default: true default: true
}, },
near: { near: {
type: Boolean, type: Boolean,
default: false default: false
} }
}, },
data() { data() {
return { return {
...dictionary, ...dictionary,
string: "<div style='overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'>" + this.companyitem string: "<div style='overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'>" + this.companyitem
.missionTitle + .missionTitle +
"</div>" "</div>"
}; };
}, },
computed: { computed: {
skillNames() { skillNames() {
if (this.companyitem.skillNames) { if (this.companyitem.skillNames) {
return this.companyitem.skillNames?.split(',') return this.companyitem.skillNames?.split(',')
} else { } else {
return [] return []
} }
} }
}, },
methods: { methods: {
goComment: function(no) { goComment: function(no) {
uni.navigateTo({ uni.navigateTo({
url: `../../pageMy/mycomment/mycomment?missionNo=${encodeURIComponent(no)}` url: `../../pageMy/mycomment/mycomment?missionNo=${encodeURIComponent(no)}`
}) })
}, },
goInfo: function(item) { goInfo: function(item) {
// const isCan = this.noApply === false ? '0' : '1' // const isCan = this.noApply === false ? '0' : '1'
switch (item.type) { switch (item.type) {
case 0: case 0:
this.navTo( this.navTo(
`/pages/projectInfo/projectInfo?missionNo=${encodeURIComponent(item.missionNo)}&isCan=1` `/pages/projectInfo/projectInfo?missionNo=${encodeURIComponent(item.missionNo)}&isCan=1`
) )
break break
case 1: case 1:
this.navTo(`/pages/projectInfo/workInfo?workId=${encodeURIComponent(item.id)}&isCan=1`) this.navTo(`/pages/projectInfo/workInfo?workId=${encodeURIComponent(item.id)}&isCan=1`)
break break
case 2: case 2:
this.navTo(`/pages/projectInfo/workInfo?workId=${encodeURIComponent(item.id)}&isCan=1`) this.navTo(`/pages/projectInfo/workInfo?workId=${encodeURIComponent(item.id)}&isCan=1`)
break break
default: default:
this.navTo(`/pages/projectInfo/workInfo?workId=${encodeURIComponent(item.id)}&isCan=1`) this.navTo(`/pages/projectInfo/workInfo?workId=${encodeURIComponent(item.id)}&isCan=1`)
} }
}, },
getCity: function(val) { getCity: function(val) {
if (val) { if (val) {
let areas = this.$store.getters.getAreaParents(val) let areas = this.$store.getters.getAreaParents(val)
if (areas.length === 3) { if (areas.length === 3) {
return areas[0].label + '-' + areas[1].label + '-' + areas[2].label return areas[0].label + '-' + areas[1].label + '-' + areas[2].label
} }
} }
}, },
toDoller, toDoller,
dateFormat dateFormat
} }
} }
</script> </script>
<style> <style>
.commentimg_image { .commentimg_image {
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
} }
.commentimg { .commentimg {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
} }
.gocomment { .gocomment {
font-size: 26rpx !important; font-size: 26rpx !important;
border-radius: 5rpx; border-radius: 5rpx;
border: 1rpx solid #c3c3c3; border: 1rpx solid #c3c3c3;
width: 160rpx; width: 160rpx;
text-align: center; text-align: center;
float: right; float: right;
height: 50rpx; height: 50rpx;
line-height: 50rpx; line-height: 50rpx;
} }
.timeAddress { .timeAddress {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 24rpx; font-size: 24rpx;
color: #999999; color: #999999;
margin: 10rpx 0; margin: 10rpx 0;
padding: 10rpx 0; padding: 10rpx 0;
} }
.allName { .allName {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 28rpx; font-size: 28rpx;
color: #666666; color: #666666;
} }
.askList { .askList {
/* width: 14%; */ /* width: 14%; */
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 24rpx; font-size: 24rpx;
color: #666666; color: #666666;
background-color: #f6f6f6; background-color: #f6f6f6;
padding: 5rpx 15rpx; padding: 5rpx 15rpx;
margin-right: 10rpx; margin-right: 10rpx;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.ask { .ask {
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: flex-start; justify-content: flex-start;
margin: 20rpx 0; margin: 20rpx 0;
} }
.head_right { .head_right {
ont-family: PingFangSC-Medium; ont-family: PingFangSC-Medium;
font-size: 28rpx; font-size: 28rpx;
color: #F46161; color: #F46161;
font-weight: bold; font-weight: bold;
} }
.head_left { .head_left {
font-family: PingFangSC-Medium; font-family: PingFangSC-Medium;
font-size: 32rpx; font-size: 32rpx;
font-weight: bold; font-weight: bold;
color: #333333; color: #333333;
width: 350rpx; width: 350rpx;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
/*不换行*/ /*不换行*/
text-overflow: ellipsis; text-overflow: ellipsis;
/*超出部分文字以...显示*/ /*超出部分文字以...显示*/
} }
.highlight { .highlight {
color: #F46161; color: #F46161;
} }
.body { .body {
width: 690rpx; width: 690rpx;
margin: 0rpx auto; margin: 0rpx auto;
background-color: #fefefe; background-color: #fefefe;
overflow: hidden; overflow: hidden;
box-sizing: border-box; box-sizing: border-box;
padding: 20rpx; padding: 20rpx;
padding-bottom: 0; padding-bottom: 0;
border-radius: 20rpx; border-radius: 20rpx;
margin-top: 20rpx; margin-top: 20rpx;
} }
.heads { .heads {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
</style> </style>

450
components/companyList/companyList.vue
View File

@@ -1,226 +1,226 @@
<template> <template>
<view class="body" @click="goInfo(companyitem.missionNo)"> <view class="body" @click="goInfo(companyitem.missionNo)">
<view class="heads"> <view class="heads">
<view class="head_left"> <view class="head_left">
<rich-text :nodes="string"> <rich-text :nodes="string">
</rich-text> </rich-text>
</view> </view>
<view class="head_right"> <view class="head_right">
{{ companyitem.wage }} {{ wageUnit[companyitem.wageUnitCategory] }} {{ companyitem.wage }} {{ wageUnit[companyitem.wageUnitCategory] }}
</view> </view>
</view> </view>
<view class="ask"> <view class="ask">
<view class="askList"> <view class="askList">
{{ companyitem.tradeNames }} {{ companyitem.tradeNames }}
</view> </view>
<view class="askList" v-for="(item, index) in skillNames" :key="index"> <view class="askList" v-for="(item, index) in skillNames" :key="index">
{{ item }} {{ item }}
</view> </view>
</view> </view>
<!-- <view class="allName"> <!-- <view class="allName">
{{ companyitem.companyName }} {{ companyitem.companyName }}
</view> --> </view> -->
<view style="width: 100%;height: 1rpx;background-color: #999;margin: 0 auto;opacity: .5;"></view> <view style="width: 100%;height: 1rpx;background-color: #999;margin: 0 auto;opacity: .5;"></view>
<view class="timeAddress" style="position: relative;"> <view class="timeAddress" style="position: relative;">
<view style="display: flex;align-items: center;"> <view style="display: flex;align-items: center;">
<image src="../../static/img/city.png" style="width: 40rpx;height: 40rpx;margin-right: 10rpx;" mode=""> <image src="../../static/img/city.png" style="width: 40rpx;height: 40rpx;margin-right: 10rpx;" mode="">
</image> </image>
<view style="font-size: 26rpx;color:#333;">{{ companyitem.missionCompanyName }}</view> <view style="font-size: 26rpx;color:#333;">{{ companyitem.missionCompanyName }}</view>
</view> </view>
<!-- <view v-if="near"> <!-- <view v-if="near">
{{ companyitem.distanceStr }}km {{ companyitem.distanceStr }}km
</view> </view>
<view v-else> <view v-else>
{{ getCity(companyitem.cityId) }} {{ getCity(companyitem.cityId) }}
</view> --> </view> -->
<view style="display: flex;align-items: center;position:absolute;right:0;"> <view style="display: flex;align-items: center;position:absolute;right:0;">
<image src="../../static/img/location_new.png" style="width: 30rpx;height: 30rpx;" mode=""></image> <image src="../../static/img/location_new.png" style="width: 30rpx;height: 30rpx;" mode=""></image>
<view>2.2km</view> <view>--km</view>
</view> </view>
</view> </view>
<view class="comment" v-if='comment' @tap.stop="goComment(companyitem.missionNo)"> <view class="comment" v-if='comment' @tap.stop="goComment(companyitem.missionNo)">
<view class="comment_content commentimg" v-if='companyitem.scoreAll > 0'> <view class="comment_content commentimg" v-if='companyitem.scoreAll > 0'>
<image class="commentimg_image" src="../../static/img/star.full.svg" <image class="commentimg_image" src="../../static/img/star.full.svg"
v-for="index1 in companyitem.scoreAll" mode="" :key="index1"></image> v-for="index1 in companyitem.scoreAll" mode="" :key="index1"></image>
<image class="commentimg_image" src="../../static/img/star.empty.svg" <image class="commentimg_image" src="../../static/img/star.empty.svg"
v-for="index2 in (5 - companyitem.scoreAll)" mode="" :key="index2"></image> v-for="index2 in (5 - companyitem.scoreAll)" mode="" :key="index2"></image>
</view> </view>
<view class="comment_content allName gocomment" v-else> <view class="comment_content allName gocomment" v-else>
评价 评价
</view> </view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import { import {
toDoller, toDoller,
dateFormat dateFormat
} from "../../untils/format.js"; } from "../../untils/format.js";
import dictionary from '@/common/textdata.js'; import dictionary from '@/common/textdata.js';
export default { export default {
beforeCreate: function() {}, beforeCreate: function() {},
props: { props: {
companyitem: { companyitem: {
type: Object, type: Object,
default () { default () {
return [] return []
} }
}, },
comment: { comment: {
type: Boolean, type: Boolean,
default: false default: false
}, },
noApply: { noApply: {
type: Boolean, type: Boolean,
default: true default: true
}, },
near: { near: {
type: Boolean, type: Boolean,
default: false default: false
} }
}, },
data() { data() {
return { return {
...dictionary, ...dictionary,
string: "<div style='overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'>" + this.companyitem string: "<div style='overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'>" + this.companyitem
.missionTitle + .missionTitle +
"</div>" "</div>"
}; };
}, },
computed: { computed: {
skillNames() { skillNames() {
return this.companyitem.skillNames.split(',') return this.companyitem.skillNames.split(',')
} }
}, },
methods: { methods: {
goComment: function(no) { goComment: function(no) {
uni.navigateTo({ uni.navigateTo({
url: `../../pageMy/mycomment/mycomment?missionNo=${encodeURIComponent(no)}` url: `../../pageMy/mycomment/mycomment?missionNo=${encodeURIComponent(no)}`
}) })
}, },
goInfo: function(no) { goInfo: function(no) {
const isCan = this.noApply === false ? '0' : '1' const isCan = this.noApply === false ? '0' : '1'
uni.navigateTo({ uni.navigateTo({
url: `/pages/projectInfo/projectInfo?missionNo=${encodeURIComponent(no)}&isCan=${isCan}` url: `/pages/projectInfo/projectInfo?missionNo=${encodeURIComponent(no)}&isCan=${isCan}`
}) })
}, },
getCity: function(val) { getCity: function(val) {
if (val) { if (val) {
let areas = this.$store.getters.getAreaParents(val) let areas = this.$store.getters.getAreaParents(val)
if (areas.length === 3) { if (areas.length === 3) {
return areas[0].label + '-' + areas[1].label + '-' + areas[2].label return areas[0].label + '-' + areas[1].label + '-' + areas[2].label
} }
} }
}, },
toDoller, toDoller,
dateFormat dateFormat
} }
} }
</script> </script>
<style> <style>
.commentimg_image { .commentimg_image {
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
} }
.commentimg { .commentimg {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
} }
.gocomment { .gocomment {
font-size: 26rpx !important; font-size: 26rpx !important;
border-radius: 5rpx; border-radius: 5rpx;
border: 1rpx solid #c3c3c3; border: 1rpx solid #c3c3c3;
width: 160rpx; width: 160rpx;
text-align: center; text-align: center;
float: right; float: right;
height: 50rpx; height: 50rpx;
line-height: 50rpx; line-height: 50rpx;
} }
.timeAddress { .timeAddress {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 24rpx; font-size: 24rpx;
color: #999999; color: #999999;
margin: 10rpx 0; margin: 10rpx 0;
padding: 10rpx 0; padding: 10rpx 0;
} }
.allName { .allName {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 28rpx; font-size: 28rpx;
color: #666666; color: #666666;
} }
.askList { .askList {
/* width: 14%; */ /* width: 14%; */
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 24rpx; font-size: 24rpx;
color: #666666; color: #666666;
background-color: #f6f6f6; background-color: #f6f6f6;
padding: 5rpx 15rpx; padding: 5rpx 15rpx;
margin-right: 10rpx; margin-right: 10rpx;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.ask { .ask {
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: flex-start; justify-content: flex-start;
margin: 20rpx 0; margin: 20rpx 0;
} }
.head_right { .head_right {
ont-family: PingFangSC-Medium; ont-family: PingFangSC-Medium;
font-size: 28rpx; font-size: 28rpx;
color: #F46161; color: #F46161;
font-weight: bold; font-weight: bold;
} }
.head_left { .head_left {
font-family: PingFangSC-Medium; font-family: PingFangSC-Medium;
font-size: 32rpx; font-size: 32rpx;
font-weight: bold; font-weight: bold;
color: #333333; color: #333333;
width: 350rpx; width: 350rpx;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
/*不换行*/ /*不换行*/
text-overflow: ellipsis; text-overflow: ellipsis;
/*超出部分文字以...显示*/ /*超出部分文字以...显示*/
} }
.highlight { .highlight {
color: #F46161; color: #F46161;
} }
.body { .body {
width: 690rpx; width: 690rpx;
margin: 0rpx auto; margin: 0rpx auto;
background-color: #fefefe; background-color: #fefefe;
overflow: hidden; overflow: hidden;
box-sizing: border-box; box-sizing: border-box;
padding: 20rpx; padding: 20rpx;
padding-bottom: 0; padding-bottom: 0;
border-radius: 20rpx; border-radius: 20rpx;
margin-top: 20rpx; margin-top: 20rpx;
} }
.heads { .heads {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
</style> </style>

462
components/companyList/newJobList.vue
View File

@@ -1,232 +1,232 @@
<template> <template>
<view class="body" @click="goInfo(companyitem)"> <view class="body" @click="goInfo(companyitem)">
<view class="heads"> <view class="heads">
<view class="head_left"> <view class="head_left">
<rich-text :nodes="string"> <rich-text :nodes="string">
</rich-text> </rich-text>
</view> </view>
<view class="head_right"> <view class="head_right">
{{ companyitem.wage }}{{ wageUnit[companyitem.wageUnitCategory] }} {{ companyitem.wage }}{{ wageUnit[companyitem.wageUnitCategory] }}
</view> </view>
</view> </view>
<view class="ask"> <view class="ask">
<view class="askList"> <view class="askList">
{{ companyitem.tradeNames }} {{ companyitem.tradeNames }}
</view> </view>
<view class="askList" v-for="(item, index) in skillNames" :key="index"> <view class="askList" v-for="(item, index) in skillNames" :key="index">
{{ item }} {{ item }}
</view> </view>
<view style="flex:1;"></view> <view style="flex:1;"></view>
<u-tag text="零工岗位" v-if="companyitem.type == 0" plain size="mini" type="warning"></u-tag> <u-tag text="零工岗位" v-if="companyitem.type == 0" plain size="mini" type="warning"></u-tag>
<u-tag text="全职岗位" v-if="companyitem.type == 1" plain size="mini"></u-tag> <u-tag text="全职岗位" v-if="companyitem.type == 1" plain size="mini"></u-tag>
<u-tag text="招工" v-if="companyitem.type == 2" plain size="mini"></u-tag> <u-tag text="招工" v-if="companyitem.type == 2" plain size="mini"></u-tag>
</view> </view>
<view style="width: 100%;height: 1rpx;background-color: #999;margin: 0 auto;opacity: .5;"></view> <view style="width: 100%;height: 1rpx;background-color: #999;margin: 0 auto;opacity: .5;"></view>
<view class="timeAddress" style="position: relative;"> <view class="timeAddress" style="position: relative;">
<view style="display: flex;align-items: center;"> <view style="display: flex;align-items: center;">
<image src="../../static/img/city.png" style="width: 40rpx;height: 40rpx;margin-right: 10rpx;" mode=""> <image src="../../static/img/city.png" style="width: 40rpx;height: 40rpx;margin-right: 10rpx;" mode="">
</image> </image>
<view style="font-size: 26rpx;color:#333;">{{ companyitem.jobCompanyName }}</view> <view style="font-size: 26rpx;color:#333;">{{ companyitem.jobCompanyName }}</view>
</view> </view>
<view style="display: flex;align-items: center;position:absolute;right:0;"> <view style="display: flex;align-items: center;position:absolute;right:0;">
<image src="../../static/img/location_new.png" style="width: 30rpx;height: 30rpx;" mode=""></image> <image src="../../static/img/location_new.png" style="width: 30rpx;height: 30rpx;" mode=""></image>
<view>2.2km</view> <view>--km</view>
</view> </view>
</view> </view>
<view class="comment" v-if='comment' @tap.stop="goComment(companyitem.missionNo)"> <view class="comment" v-if='comment' @tap.stop="goComment(companyitem.missionNo)">
<view class="comment_content commentimg" v-if='companyitem.scoreAll > 0'> <view class="comment_content commentimg" v-if='companyitem.scoreAll > 0'>
<image class="commentimg_image" src="../../static/img/star.full.svg" <image class="commentimg_image" src="../../static/img/star.full.svg"
v-for="index1 in companyitem.scoreAll" mode="" :key="index1"></image> v-for="index1 in companyitem.scoreAll" mode="" :key="index1"></image>
<image class="commentimg_image" src="../../static/img/star.empty.svg" <image class="commentimg_image" src="../../static/img/star.empty.svg"
v-for="index2 in (5 - companyitem.scoreAll)" mode="" :key="index2"></image> v-for="index2 in (5 - companyitem.scoreAll)" mode="" :key="index2"></image>
</view> </view>
<view class="comment_content allName gocomment" v-else> <view class="comment_content allName gocomment" v-else>
评价 评价
</view> </view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import { import {
toDoller, toDoller,
dateFormat dateFormat
} from "../../untils/format.js"; } from "../../untils/format.js";
import dictionary from '@/common/textdata.js'; import dictionary from '@/common/textdata.js';
export default { export default {
beforeCreate: function() {}, beforeCreate: function() {},
props: { props: {
companyitem: { companyitem: {
type: Object, type: Object,
default () { default () {
return [] return []
} }
}, },
comment: { comment: {
type: Boolean, type: Boolean,
default: false default: false
}, },
noApply: { noApply: {
type: Boolean, type: Boolean,
default: true default: true
}, },
near: { near: {
type: Boolean, type: Boolean,
default: false default: false
}, },
befor: Function, befor: Function,
}, },
data() { data() {
return { return {
...dictionary, ...dictionary,
string: "<div style='overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'>" + this.companyitem string: "<div style='overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'>" + this.companyitem
.jobName + .jobName +
"</div>" "</div>"
}; };
}, },
computed: { computed: {
skillNames() { skillNames() {
return this.companyitem.skillNames.split(',') return this.companyitem.skillNames.split(',')
} }
}, },
methods: { methods: {
goComment: function(no) { goComment: function(no) {
uni.navigateTo({ uni.navigateTo({
url: `../../pageMy/mycomment/mycomment?missionNo=${encodeURIComponent(no)}` url: `../../pageMy/mycomment/mycomment?missionNo=${encodeURIComponent(no)}`
}) })
}, },
goInfo: function(item) { goInfo: function(item) {
this.$emit('befor', item) this.$emit('befor', item)
// const isCan = this.noApply === false ? '0' : '1' // const isCan = this.noApply === false ? '0' : '1'
// if(item.type == 0) { // if(item.type == 0) {
// uni.navigateTo({ // uni.navigateTo({
// url: `/pages/projectInfo/projectInfo?missionNo=${encodeURIComponent(item.missionNo)}&isCan=1` // url: `/pages/projectInfo/projectInfo?missionNo=${encodeURIComponent(item.missionNo)}&isCan=1`
// }) // })
// } else if(item.type == 1) { // } else if(item.type == 1) {
uni.navigateTo({ uni.navigateTo({
url: `/pages/projectInfo/workInfo?workId=${encodeURIComponent(item.id)}&isCan=1` url: `/pages/projectInfo/workInfo?workId=${encodeURIComponent(item.id)}&isCan=1`
}) })
// } // }
}, },
getCity: function(val) { getCity: function(val) {
if (val) { if (val) {
let areas = this.$store.getters.getAreaParents(val) let areas = this.$store.getters.getAreaParents(val)
if (areas.length === 3) { if (areas.length === 3) {
return areas[0].label + '-' + areas[1].label + '-' + areas[2].label return areas[0].label + '-' + areas[1].label + '-' + areas[2].label
} }
} }
}, },
toDoller, toDoller,
dateFormat dateFormat
} }
} }
</script> </script>
<style> <style>
.commentimg_image { .commentimg_image {
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
} }
.commentimg { .commentimg {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
} }
.gocomment { .gocomment {
font-size: 26rpx !important; font-size: 26rpx !important;
border-radius: 5rpx; border-radius: 5rpx;
border: 1rpx solid #c3c3c3; border: 1rpx solid #c3c3c3;
width: 160rpx; width: 160rpx;
text-align: center; text-align: center;
float: right; float: right;
height: 50rpx; height: 50rpx;
line-height: 50rpx; line-height: 50rpx;
} }
.timeAddress { .timeAddress {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 24rpx; font-size: 24rpx;
color: #999999; color: #999999;
margin: 10rpx 0; margin: 10rpx 0;
padding: 10rpx 0; padding: 10rpx 0;
} }
.allName { .allName {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 28rpx; font-size: 28rpx;
color: #666666; color: #666666;
} }
.askList { .askList {
/* width: 14%; */ /* width: 14%; */
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 24rpx; font-size: 24rpx;
color: #666666; color: #666666;
background-color: #f6f6f6; background-color: #f6f6f6;
padding: 5rpx 15rpx; padding: 5rpx 15rpx;
margin-right: 10rpx; margin-right: 10rpx;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.ask { .ask {
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: flex-start; justify-content: flex-start;
margin: 20rpx 0; margin: 20rpx 0;
} }
.head_right { .head_right {
ont-family: PingFangSC-Medium; ont-family: PingFangSC-Medium;
font-size: 28rpx; font-size: 28rpx;
color: #F46161; color: #F46161;
font-weight: bold; font-weight: bold;
} }
.head_left { .head_left {
font-family: PingFangSC-Medium; font-family: PingFangSC-Medium;
font-size: 32rpx; font-size: 32rpx;
font-weight: bold; font-weight: bold;
color: #333333; color: #333333;
width: 350rpx; width: 350rpx;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
/*不换行*/ /*不换行*/
text-overflow: ellipsis; text-overflow: ellipsis;
/*超出部分文字以...显示*/ /*超出部分文字以...显示*/
} }
.highlight { .highlight {
color: #F46161; color: #F46161;
} }
.body { .body {
width: 690rpx; width: 690rpx;
margin: 0rpx auto; margin: 0rpx auto;
background-color: #fefefe; background-color: #fefefe;
overflow: hidden; overflow: hidden;
box-sizing: border-box; box-sizing: border-box;
padding: 20rpx; padding: 20rpx;
padding-bottom: 0; padding-bottom: 0;
border-radius: 20rpx; border-radius: 20rpx;
margin-top: 20rpx; margin-top: 20rpx;
} }
.heads { .heads {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
</style> </style>

462
components/companyList/newTaskList.vue
View File

@@ -1,232 +1,232 @@
<template> <template>
<view class="body" @click="goInfo(companyitem)"> <view class="body" @click="goInfo(companyitem)">
<view class="heads"> <view class="heads">
<view class="head_left"> <view class="head_left">
<rich-text :nodes="string"> <rich-text :nodes="string">
</rich-text> </rich-text>
</view> </view>
<view class="head_right"> <view class="head_right">
{{ companyitem.wage }}{{ wageUnit[companyitem.wageUnitCategory] }} {{ companyitem.wage }}{{ wageUnit[companyitem.wageUnitCategory] }}
</view> </view>
</view> </view>
<view class="ask"> <view class="ask">
<view class="askList"> <view class="askList">
{{ companyitem.tradeNames }} {{ companyitem.tradeNames }}
</view> </view>
<view class="askList" v-for="(item, index) in skillNames" :key="index"> <view class="askList" v-for="(item, index) in skillNames" :key="index">
{{ item }} {{ item }}
</view> </view>
<view style="flex:1;"></view> <view style="flex:1;"></view>
<u-tag text="零工岗位" v-if="companyitem.type == 0" plain size="mini" type="warning"></u-tag> <u-tag text="零工岗位" v-if="companyitem.type == 0" plain size="mini" type="warning"></u-tag>
<u-tag text="全职岗位" v-if="companyitem.type == 1" plain size="mini"></u-tag> <u-tag text="全职岗位" v-if="companyitem.type == 1" plain size="mini"></u-tag>
<u-tag text="招工" v-if="companyitem.type == 2" plain size="mini"></u-tag> <u-tag text="招工" v-if="companyitem.type == 2" plain size="mini"></u-tag>
</view> </view>
<view style="width: 100%;height: 1rpx;background-color: #999;margin: 0 auto;opacity: .5;"></view> <view style="width: 100%;height: 1rpx;background-color: #999;margin: 0 auto;opacity: .5;"></view>
<view class="timeAddress" style="position: relative;"> <view class="timeAddress" style="position: relative;">
<view style="display: flex;align-items: center;"> <view style="display: flex;align-items: center;">
<image src="../../static/img/city.png" style="width: 40rpx;height: 40rpx;margin-right: 10rpx;" mode=""> <image src="../../static/img/city.png" style="width: 40rpx;height: 40rpx;margin-right: 10rpx;" mode="">
</image> </image>
<view style="font-size: 26rpx;color:#333;">{{ companyitem.missionCompanyName }}</view> <view style="font-size: 26rpx;color:#333;">{{ companyitem.missionCompanyName }}</view>
</view> </view>
<view style="display: flex;align-items: center;position:absolute;right:0;"> <view style="display: flex;align-items: center;position:absolute;right:0;">
<image src="../../static/img/location_new.png" style="width: 30rpx;height: 30rpx;" mode=""></image> <image src="../../static/img/location_new.png" style="width: 30rpx;height: 30rpx;" mode=""></image>
<view>2.2km</view> <view>--km</view>
</view> </view>
</view> </view>
<view class="comment" v-if='comment' @tap.stop="goComment(companyitem.missionNo)"> <view class="comment" v-if='comment' @tap.stop="goComment(companyitem.missionNo)">
<view class="comment_content commentimg" v-if='companyitem.scoreAll > 0'> <view class="comment_content commentimg" v-if='companyitem.scoreAll > 0'>
<image class="commentimg_image" src="../../static/img/star.full.svg" <image class="commentimg_image" src="../../static/img/star.full.svg"
v-for="index1 in companyitem.scoreAll" mode="" :key="index1"></image> v-for="index1 in companyitem.scoreAll" mode="" :key="index1"></image>
<image class="commentimg_image" src="../../static/img/star.empty.svg" <image class="commentimg_image" src="../../static/img/star.empty.svg"
v-for="index2 in (5 - companyitem.scoreAll)" mode="" :key="index2"></image> v-for="index2 in (5 - companyitem.scoreAll)" mode="" :key="index2"></image>
</view> </view>
<view class="comment_content allName gocomment" v-else> <view class="comment_content allName gocomment" v-else>
评价 评价
</view> </view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import { import {
toDoller, toDoller,
dateFormat dateFormat
} from "../../untils/format.js"; } from "../../untils/format.js";
import dictionary from '@/common/textdata.js'; import dictionary from '@/common/textdata.js';
export default { export default {
beforeCreate: function() {}, beforeCreate: function() {},
props: { props: {
companyitem: { companyitem: {
type: Object, type: Object,
default () { default () {
return [] return []
} }
}, },
comment: { comment: {
type: Boolean, type: Boolean,
default: false default: false
}, },
noApply: { noApply: {
type: Boolean, type: Boolean,
default: true default: true
}, },
near: { near: {
type: Boolean, type: Boolean,
default: false default: false
}, },
befor: Function, befor: Function,
}, },
data() { data() {
return { return {
...dictionary, ...dictionary,
string: "<div style='overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'>" + this.companyitem string: "<div style='overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'>" + this.companyitem
.missionTitle + .missionTitle +
"</div>" "</div>"
}; };
}, },
computed: { computed: {
skillNames() { skillNames() {
return this.companyitem.skillNames.split(',') return this.companyitem.skillNames.split(',')
} }
}, },
methods: { methods: {
goComment: function(no) { goComment: function(no) {
uni.navigateTo({ uni.navigateTo({
url: `../../pageMy/mycomment/mycomment?missionNo=${encodeURIComponent(no)}` url: `../../pageMy/mycomment/mycomment?missionNo=${encodeURIComponent(no)}`
}) })
}, },
goInfo: function(item) { goInfo: function(item) {
this.$emit('befor', item) this.$emit('befor', item)
// const isCan = this.noApply === false ? '0' : '1' // const isCan = this.noApply === false ? '0' : '1'
// if(item.type == 0) { // if(item.type == 0) {
uni.navigateTo({ uni.navigateTo({
url: `/pages/projectInfo/projectInfo?missionNo=${encodeURIComponent(item.missionNo)}&isCan=1` url: `/pages/projectInfo/projectInfo?missionNo=${encodeURIComponent(item.missionNo)}&isCan=1`
}) })
// } else if(item.type == 1) { // } else if(item.type == 1) {
// uni.navigateTo({ // uni.navigateTo({
// url: `/pages/projectInfo/workInfo?workId=${encodeURIComponent(item.id)}&isCan=1` // url: `/pages/projectInfo/workInfo?workId=${encodeURIComponent(item.id)}&isCan=1`
// }) // })
// } // }
}, },
getCity: function(val) { getCity: function(val) {
if (val) { if (val) {
let areas = this.$store.getters.getAreaParents(val) let areas = this.$store.getters.getAreaParents(val)
if (areas.length === 3) { if (areas.length === 3) {
return areas[0].label + '-' + areas[1].label + '-' + areas[2].label return areas[0].label + '-' + areas[1].label + '-' + areas[2].label
} }
} }
}, },
toDoller, toDoller,
dateFormat dateFormat
} }
} }
</script> </script>
<style> <style>
.commentimg_image { .commentimg_image {
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
} }
.commentimg { .commentimg {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
} }
.gocomment { .gocomment {
font-size: 26rpx !important; font-size: 26rpx !important;
border-radius: 5rpx; border-radius: 5rpx;
border: 1rpx solid #c3c3c3; border: 1rpx solid #c3c3c3;
width: 160rpx; width: 160rpx;
text-align: center; text-align: center;
float: right; float: right;
height: 50rpx; height: 50rpx;
line-height: 50rpx; line-height: 50rpx;
} }
.timeAddress { .timeAddress {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 24rpx; font-size: 24rpx;
color: #999999; color: #999999;
margin: 10rpx 0; margin: 10rpx 0;
padding: 10rpx 0; padding: 10rpx 0;
} }
.allName { .allName {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 28rpx; font-size: 28rpx;
color: #666666; color: #666666;
} }
.askList { .askList {
/* width: 14%; */ /* width: 14%; */
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 24rpx; font-size: 24rpx;
color: #666666; color: #666666;
background-color: #f6f6f6; background-color: #f6f6f6;
padding: 5rpx 15rpx; padding: 5rpx 15rpx;
margin-right: 10rpx; margin-right: 10rpx;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.ask { .ask {
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: flex-start; justify-content: flex-start;
margin: 20rpx 0; margin: 20rpx 0;
} }
.head_right { .head_right {
ont-family: PingFangSC-Medium; ont-family: PingFangSC-Medium;
font-size: 28rpx; font-size: 28rpx;
color: #F46161; color: #F46161;
font-weight: bold; font-weight: bold;
} }
.head_left { .head_left {
font-family: PingFangSC-Medium; font-family: PingFangSC-Medium;
font-size: 32rpx; font-size: 32rpx;
font-weight: bold; font-weight: bold;
color: #333333; color: #333333;
width: 350rpx; width: 350rpx;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
/*不换行*/ /*不换行*/
text-overflow: ellipsis; text-overflow: ellipsis;
/*超出部分文字以...显示*/ /*超出部分文字以...显示*/
} }
.highlight { .highlight {
color: #F46161; color: #F46161;
} }
.body { .body {
width: 690rpx; width: 690rpx;
margin: 0rpx auto; margin: 0rpx auto;
background-color: #fefefe; background-color: #fefefe;
overflow: hidden; overflow: hidden;
box-sizing: border-box; box-sizing: border-box;
padding: 20rpx; padding: 20rpx;
padding-bottom: 0; padding-bottom: 0;
border-radius: 20rpx; border-radius: 20rpx;
margin-top: 20rpx; margin-top: 20rpx;
} }
.heads { .heads {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
</style> </style>

466
components/companyList/workList.vue
View File

@@ -1,234 +1,234 @@
<template> <template>
<view class="body" @click="goInfo(companyitem.id)"> <view class="body" @click="goInfo(companyitem.id)">
<view class="heads"> <view class="heads">
<view class="head_left"> <view class="head_left">
<rich-text :nodes="string"> <rich-text :nodes="string">
</rich-text> </rich-text>
</view> </view>
<view class="head_right"> <view class="head_right">
{{ companyitem.wage }}{{ wageUnit[companyitem.wageUnitCategory] }} {{ companyitem.wage }}{{ wageUnit[companyitem.wageUnitCategory] }}
</view> </view>
</view> </view>
<view class="ask"> <view class="ask">
<view class="askList"> <view class="askList">
{{ companyitem.tradeNames }} {{ companyitem.tradeNames }}
</view> </view>
<view class="askList" v-for="(item, index) in skillNames" :key="index"> <view class="askList" v-for="(item, index) in skillNames" :key="index">
{{ item }} {{ item }}
</view> </view>
</view> </view>
<!-- <view class="allName"> <!-- <view class="allName">
{{ companyitem.jobCompanyName }} {{ companyitem.jobCompanyName }}
</view> --> </view> -->
<view style="width: 100%;height: 1rpx;background-color: #999;margin: 0 auto;opacity: .5;"></view> <view style="width: 100%;height: 1rpx;background-color: #999;margin: 0 auto;opacity: .5;"></view>
<view class="timeAddress" style="position: relative;"> <view class="timeAddress" style="position: relative;">
<!-- <view v-if="companyitem.missionCompanyName"> <!-- <view v-if="companyitem.missionCompanyName">
{{ companyitem.missionCompanyName }} {{ companyitem.missionCompanyName }}
</view> --> </view> -->
<!-- <view> <!-- <view>
<image src="../../static/img/city.png" style="width: 40rpx;height: 40rpx;" mode=""></image> <image src="../../static/img/city.png" style="width: 40rpx;height: 40rpx;" mode=""></image>
{{ companyitem.jobCompanyName }} {{ companyitem.jobCompanyName }}
</view> --> </view> -->
<view style="display: flex;align-items: center;"> <view style="display: flex;align-items: center;">
<image src="../../static/img/city.png" style="width: 40rpx;height: 40rpx;margin-right: 10rpx;" mode=""> <image src="../../static/img/city.png" style="width: 40rpx;height: 40rpx;margin-right: 10rpx;" mode="">
</image> </image>
<view style="font-size: 26rpx;color:#333;">{{ companyitem.jobCompanyName }}</view> <view style="font-size: 26rpx;color:#333;">{{ companyitem.jobCompanyName }}</view>
</view> </view>
<!-- <view v-if="near"> <!-- <view v-if="near">
{{ companyitem.distanceStr }}km {{ companyitem.distanceStr }}km
</view> </view>
<view v-else> <view v-else>
{{ getCity(companyitem.cityId) }} {{ getCity(companyitem.cityId) }}
</view> --> </view> -->
<view style="display: flex;align-items: center;position:absolute;right:0;"> <view style="display: flex;align-items: center;position:absolute;right:0;">
<image src="../../static/img/location_new.png" style="width: 30rpx;height: 30rpx;" mode=""></image> <image src="../../static/img/location_new.png" style="width: 30rpx;height: 30rpx;" mode=""></image>
<view>2.2km</view> <view>--km</view>
</view> </view>
</view> </view>
<view class="comment" v-if='comment' @tap.stop="goComment(companyitem.missionNo)"> <view class="comment" v-if='comment' @tap.stop="goComment(companyitem.missionNo)">
<view class="comment_content commentimg" v-if='companyitem.scoreAll > 0'> <view class="comment_content commentimg" v-if='companyitem.scoreAll > 0'>
<image class="commentimg_image" src="../../static/img/star.full.svg" <image class="commentimg_image" src="../../static/img/star.full.svg"
v-for="index1 in companyitem.scoreAll" mode="" :key="index1"></image> v-for="index1 in companyitem.scoreAll" mode="" :key="index1"></image>
<image class="commentimg_image" src="../../static/img/star.empty.svg" <image class="commentimg_image" src="../../static/img/star.empty.svg"
v-for="index2 in (5 - companyitem.scoreAll)" mode="" :key="index2"></image> v-for="index2 in (5 - companyitem.scoreAll)" mode="" :key="index2"></image>
</view> </view>
<view class="comment_content allName gocomment" v-else> <view class="comment_content allName gocomment" v-else>
评价 评价
</view> </view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import { import {
toDoller, toDoller,
dateFormat dateFormat
} from "../../untils/format.js"; } from "../../untils/format.js";
import dictionary from '@/common/textdata.js'; import dictionary from '@/common/textdata.js';
export default { export default {
beforeCreate: function() {}, beforeCreate: function() {},
props: { props: {
companyitem: { companyitem: {
type: Object, type: Object,
default () { default () {
return [] return []
} }
}, },
comment: { comment: {
type: Boolean, type: Boolean,
default: false default: false
}, },
noApply: { noApply: {
type: Boolean, type: Boolean,
default: true default: true
}, },
near: { near: {
type: Boolean, type: Boolean,
default: false default: false
} }
}, },
data() { data() {
return { return {
...dictionary, ...dictionary,
string: "<div style='overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'>" + this.companyitem string: "<div style='overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'>" + this.companyitem
.jobName + .jobName +
"</div>" "</div>"
}; };
}, },
computed: { computed: {
skillNames() { skillNames() {
return this.companyitem.skillNames.split(',') return this.companyitem.skillNames.split(',')
} }
}, },
methods: { methods: {
goComment: function(no) { goComment: function(no) {
uni.navigateTo({ uni.navigateTo({
url: `../../pageMy/mycomment/mycomment?missionNo=${encodeURIComponent(no)}` url: `../../pageMy/mycomment/mycomment?missionNo=${encodeURIComponent(no)}`
}) })
}, },
goInfo: function(no) { goInfo: function(no) {
console.log('11111') console.log('11111')
const isCan = this.noApply === false ? '0' : '1' const isCan = this.noApply === false ? '0' : '1'
uni.navigateTo({ uni.navigateTo({
url: `/pages/projectInfo/workInfo?workId=${encodeURIComponent(no)}&isCan=${isCan}` url: `/pages/projectInfo/workInfo?workId=${encodeURIComponent(no)}&isCan=${isCan}`
}) })
}, },
getCity: function(val) { getCity: function(val) {
if (val) { if (val) {
let areas = this.$store.getters.getAreaParents(val) let areas = this.$store.getters.getAreaParents(val)
if (areas.length === 3) { if (areas.length === 3) {
return areas[0].label + '-' + areas[1].label + '-' + areas[2].label return areas[0].label + '-' + areas[1].label + '-' + areas[2].label
} }
} }
}, },
toDoller, toDoller,
dateFormat dateFormat
} }
} }
</script> </script>
<style> <style>
.commentimg_image { .commentimg_image {
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
} }
.commentimg { .commentimg {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
} }
.gocomment { .gocomment {
font-size: 26rpx !important; font-size: 26rpx !important;
border-radius: 5rpx; border-radius: 5rpx;
border: 1rpx solid #c3c3c3; border: 1rpx solid #c3c3c3;
width: 160rpx; width: 160rpx;
text-align: center; text-align: center;
float: right; float: right;
height: 50rpx; height: 50rpx;
line-height: 50rpx; line-height: 50rpx;
} }
.timeAddress { .timeAddress {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 24rpx; font-size: 24rpx;
color: #999999; color: #999999;
margin: 10rpx 0; margin: 10rpx 0;
padding: 10rpx 0; padding: 10rpx 0;
} }
.allName { .allName {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 28rpx; font-size: 28rpx;
color: #666666; color: #666666;
} }
.askList { .askList {
/* width: 14%; */ /* width: 14%; */
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 24rpx; font-size: 24rpx;
color: #666666; color: #666666;
background-color: #f6f6f6; background-color: #f6f6f6;
padding: 5rpx 15rpx; padding: 5rpx 15rpx;
margin-right: 10rpx; margin-right: 10rpx;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.ask { .ask {
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: flex-start; justify-content: flex-start;
margin: 20rpx 0; margin: 20rpx 0;
} }
.head_right { .head_right {
ont-family: PingFangSC-Medium; ont-family: PingFangSC-Medium;
font-size: 28rpx; font-size: 28rpx;
color: #F46161; color: #F46161;
font-weight: bold; font-weight: bold;
} }
.head_left { .head_left {
font-family: PingFangSC-Medium; font-family: PingFangSC-Medium;
font-size: 32rpx; font-size: 32rpx;
font-weight: bold; font-weight: bold;
color: #333333; color: #333333;
width: 350rpx; width: 350rpx;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
/*不换行*/ /*不换行*/
text-overflow: ellipsis; text-overflow: ellipsis;
/*超出部分文字以...显示*/ /*超出部分文字以...显示*/
} }
.highlight { .highlight {
color: #F46161; color: #F46161;
} }
.body { .body {
width: 690rpx; width: 690rpx;
margin: 0rpx auto; margin: 0rpx auto;
background-color: #fefefe; background-color: #fefefe;
overflow: hidden; overflow: hidden;
box-sizing: border-box; box-sizing: border-box;
padding: 20rpx; padding: 20rpx;
padding-bottom: 0; padding-bottom: 0;
border-radius: 20rpx; border-radius: 20rpx;
margin-top: 20rpx; margin-top: 20rpx;
} }
.heads { .heads {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
</style> </style>

12
pages/index/index.vue
View File

@@ -164,7 +164,7 @@
<view class="font24" style="margin-top: 22rpx !important;">在线咨询</view> <view class="font24" style="margin-top: 22rpx !important;">在线咨询</view>
</view> </view>
</button> --> </button> -->
<view class="helpCardItem" style="border-right: 1px solid #F5F6F7;" @click=""> <!-- <view class="helpCardItem" style="border-right: 1px solid #F5F6F7;" @click="">
<view class="cardItemIcon"> <view class="cardItemIcon">
<image src="../../static/img/index/consult.png" mode=""></image> <image src="../../static/img/index/consult.png" mode=""></image>
</view> </view>
@@ -175,9 +175,9 @@
<image src="../../static/img/index/bangzhu.png" mode=""></image> <image src="../../static/img/index/bangzhu.png" mode=""></image>
</view> </view>
<view class="font24">就业帮助</view> <view class="font24">就业帮助</view>
</view> </view> -->
<view class="helpCardItem" style="border-right: 1px solid #F5F6F7;" @click=""> <view class="helpCardItem" style="border-right: 1px solid #F5F6F7;" @click="">
<view class="cardItemIcon"> <view class="cardItemIcon" @click="navTo('/pageMy/setUserBase/applicationsRecord')">
<image src="../../static/img/index/legal.png" mode=""></image> <image src="../../static/img/index/legal.png" mode=""></image>
</view> </view>
<view class="font24">问卷调查</view> <view class="font24">问卷调查</view>
@@ -196,10 +196,10 @@
<view class="top_log"></view> <view class="top_log"></view>
<view class="next_market" @click="navTo('/pages/market/market')">去市场</view> <view class="next_market" @click="navTo('/pages/market/market')">去市场</view>
</view> </view>
<view class="market_bottom"> <!-- <view class="market_bottom">
<view>了解市场<u-icon name="arrow-right" color="#666666" size="13"></u-icon></view> <view>了解市场<u-icon name="arrow-right" color="#666666" size="13"></u-icon></view>
<view>我要咨询<u-icon name="arrow-right" color="#666666" size="13"></u-icon></view> <view>我要咨询<u-icon name="arrow-right" color="#666666" size="13"></u-icon></view>
</view> </view> -->
</view> </view>
<view class="latestMission"> <view class="latestMission">
@@ -223,7 +223,7 @@
<image :src="item.headPic" <image :src="item.headPic"
style="width: 80rpx;height: 80rpx;margin-right: 20rpx;border-radius: 10rpx;" mode=""> style="width: 80rpx;height: 80rpx;margin-right: 20rpx;border-radius: 10rpx;" mode="">
</image> </image>
<view style="font-size: 28rpx;">{{ item.articleTitle }}</view> <view style="flex: 1; font-size: 28rpx;">{{ item.articleTitle }}</view>
</view> </view>
</view> </view>
<view v-if="policyContentList.length<=0"> <view v-if="policyContentList.length<=0">

434
pages/market/market.vue
View File

@@ -1,207 +1,227 @@
<template> <template>
<view class="app_container"> <view class="app_container">
<view class="container_head"> <view class="container_head">
<view class="row"> <view class="row">
<view class="head_left"> <view class="head_left">
<view class="left_title">在德阳市开设</view> <view class="left_title">在德阳市开设</view>
<view class="left_content"> <view class="left_content">
<view class="content_item"> <view class="content_item">
<view class="fs_28">1</view> <view class="fs_28">1</view>
<view class="fs_24">主市场</view> <view class="fs_24">主市场</view>
</view> </view>
<view class="content_item"> <view class="content_item">
<view class="fs_28">15</view> <view class="fs_28">15</view>
<view class="fs_24">分市场</view> <view class="fs_24">分市场</view>
</view> </view>
<view class="content_item"> <view class="content_item">
<view class="fs_28">136</view> <view class="fs_28">136</view>
<view class="fs_24">服务站</view> <view class="fs_24">服务站</view>
</view> </view>
</view> </view>
</view> </view>
<view class="head_right"> <view class="head_right">
<image src="../../static/img/deyang.png"></image> <image src="../../static/img/deyang.png"></image>
</view> </view>
</view> </view>
<view class="broadcast"> <!-- <view class="broadcast">
<view class="cast-l"><u-icon style="margin-right: 10rpx;" name="volume" color="#fb6a09" size="20"></u-icon>周六常态化招聘会通知</view> <view class="cast-l"><u-icon style="margin-right: 10rpx;" name="volume" color="#fb6a09"
<u-icon name="arrow-right" color="#666666" size="16"></u-icon> size="20"></u-icon>周六常态化招聘会通知</view>
</view> <u-icon name="arrow-right" color="#666666" size="16"></u-icon>
</view> </view> -->
</view>
<view class="conatiner_card">
<view class="row blod fs_34">德阳市智慧就业市场</view> <view class="conatiner_card">
<view class="row color_666 fs_30 marT_30"> <view class="row blod fs_34">德阳市智慧就业市场</view>
<u-icon style="margin-right: 10rpx;" name="calendar" color="#666666" size="16"></u-icon>营业时间 <view class="row color_666 fs_30 marT_30">
</view> <u-icon style="margin-right: 10rpx;" name="calendar" color="#666666" size="16"></u-icon>营业时间
<view class="row color_666 fs_30">上午9:00-12:00 下午14:00-18:00</view> </view>
<view class="row color_666 fs_30 marT_30"> <view class="row color_666 fs_30">上午9:00-12:00 下午14:00-18:00</view>
<u-icon style="margin-right: 10rpx;" name="map" color="#666666" size="16"></u-icon> <view class="row color_666 fs_30 marT_30">
四川省德阳市旌阳区天山南路1段108号 <u-icon style="margin-right: 10rpx;" name="map" color="#666666" size="16"></u-icon>
<u-icon style="margin-left: 10rpx;" name="arrow-right" color="#666666" size="16"></u-icon> 四川省德阳市旌阳区天山南路1段108号
</view> <!-- <u-icon style="margin-left: 10rpx;" name="arrow-right" color="#666666" size="16"></u-icon> -->
<view class="row color_666 fs_28 marT_10"> </view>
<view class="column">距离我7km</view> <!-- <view class="row color_666 fs_28 marT_10">
</view> <view class="column">距离我7km</view>
</view> </view> -->
</view>
<view class="conatiner_card">
<view class="row blod fs_34">关于市场</view> <view class="conatiner_card">
<view class="row color_666 fs_30">德阳市公共就业服务市场，为进一步促进公共就业服务提质增效，保障重点企业用工需求，助力高校毕业生等重点群体实现更充分更高质量就业，德阳市人社局进一步加强统筹、靶向施力，充分利用市本级和各区(市、县)现有招聘网站、微信小程序、抖音号等以及线下人力资源招聘市场，全力打造集“手机端”+“电脑端”+“线下端”三位一体立体招聘矩阵，通过深挖收集企业用工岗位信息，坚持定向推送，进一步拓宽招聘信息发布渠道，提升招聘求职成功率。</view> <view class="row blod fs_34">关于市场</view>
</view> <view class="row color_666 fs_30">
德阳市公共就业服务市场，为进一步促进公共就业服务提质增效，保障重点企业用工需求，助力高校毕业生等重点群体实现更充分更高质量就业，德阳市人社局进一步加强统筹、靶向施力，充分利用市本级和各区(市、县)现有招聘网站、微信小程序、抖音号等以及线下人力资源招聘市场，全力打造集“手机端”+“电脑端”+“线下端”三位一体立体招聘矩阵，通过深挖收集企业用工岗位信息，坚持定向推送，进一步拓宽招聘信息发布渠道，提升招聘求职成功率。
<view class="container_chioe"> </view>
<view class="chioe_share color_666 fs_24"> </view>
<u-icon name="share" color="#666666" size="16"></u-icon>分享
</view> <!-- <view class="container_chioe">
<view class="chioe_btn">电话咨询</view> <view class="chioe_share color_666 fs_24">
<view class="chioe_btn btn_Blue">到这去</view> <u-icon name="share" color="#666666" size="16"></u-icon>分享
</view> </view>
</view> <view class="chioe_btn">电话咨询</view>
</template> <view class="chioe_btn btn_Blue">到这去</view>
</view> -->
<script> </view>
export default { </template>
data() {
return { <script>
export default {
} data() {
}, return {
methods: {
}
} },
} methods: {
</script>
}
<style lang="scss" scoped> }
</script>
@function designTo($num) {
@return ($num / 620rpx) * 750rpx <style lang="scss" scoped>
} @function designTo($num) {
@return ($num / 620rpx) * 750rpx
@for $i from 10 to 60{ }
.fs_#{$i} {
font-size : #{$i}rpx; @for $i from 10 to 60 {
} .fs_#{$i} {
} font-size : #{$i}rpx;
@for $i from 1 to 60{ }
.marT_#{$i} { }
margin-top : #{$i}rpx;
} @for $i from 1 to 60 {
} .marT_#{$i} {
.color_666{ margin-top : #{$i}rpx;
color: #666666; }
} }
.bold{
font-weight: bold; .color_666 {
} color: #666666;
image{ }
width: 100%;
height: 100%; .bold {
} font-weight: bold;
.app_container{ }
background-color: #f3f4f8;
min-height: calc(100vh - var(--window-top) - var(--status-bar-height) - var(--window-bottom)); image {
.container_head{ width: 100%;
min-height: 300rpx; height: 100%;
padding: 28rpx; }
background: linear-gradient(to bottom, rgba(69, 112, 250, 1), rgba(69, 112, 250, .0));
.row{ .app_container {
display: flex; background-color: #f3f4f8;
align-content: center; min-height: calc(100vh - var(--window-top) - var(--status-bar-height) - var(--window-bottom));
justify-content: space-between;
.head_left{ .container_head {
color: #FFFFFF; min-height: 300rpx;
display: flex; padding: 28rpx;
align-items: flex-start; background: linear-gradient(to bottom, rgba(69, 112, 250, 1), rgba(69, 112, 250, .0));
flex-direction: column;
.left_title{} .row {
.left_content{ display: flex;
height: designTo(87rpx); align-content: center;
width: designTo(313rpx); justify-content: space-between;
background-color: rgba(69, 104, 252, 0.4);
border-radius: 20rpx; .head_left {
margin-top: 20rpx; color: #FFFFFF;
display: flex; display: flex;
justify-content: space-around; align-items: flex-start;
align-items: center; flex-direction: column;
flex-wrap: nowrap;
.content_item{ .left_title {}
text-align: center;
white-space: nowrap; .left_content {
} height: designTo(87rpx);
} width: designTo(313rpx);
} background-color: rgba(69, 104, 252, 0.4);
.head_right{ border-radius: 20rpx;
width: designTo(220rpx); margin-top: 20rpx;
height: designTo(148rpx); display: flex;
border-radius: 20rpx; justify-content: space-around;
overflow: hidden; align-items: center;
} flex-wrap: nowrap;
}
.content_item {
.broadcast{ text-align: center;
margin-top: designTo(65rpx); white-space: nowrap;
height: designTo(77rpx); }
background-color: rgba(244, 230, 224, 1); }
border-radius: 20rpx; }
display: flex;
justify-content: space-between; .head_right {
align-items: center; width: designTo(220rpx);
padding: 0 24rpx; height: designTo(148rpx);
.cast-l{ border-radius: 20rpx;
font-size: 32rpx; overflow: hidden;
display: flex; }
} }
}
} .broadcast {
margin-top: designTo(65rpx);
.conatiner_card{ height: designTo(77rpx);
margin: 28rpx; background-color: rgba(244, 230, 224, 1);
background-color: #FFFFFF; border-radius: 20rpx;
height: fit-content; display: flex;
border-radius: 20rpx; justify-content: space-between;
padding: designTo(28rpx); align-items: center;
.row{ padding: 0 24rpx;
display: flex;
align-items: center; .cast-l {
} font-size: 32rpx;
.column{ display: flex;
padding: 10rpx 20rpx; }
border-radius: 40rpx; }
background-color: #f3f4f8; }
}
} .conatiner_card {
margin: 28rpx;
.container_chioe{ background-color: #FFFFFF;
position: fixed; height: fit-content;
bottom: 0; border-radius: 20rpx;
left: 0; padding: designTo(28rpx);
right: 0;
display: flex; .row {
justify-content: space-around; display: flex;
align-items: center; align-items: center;
background-color: #FFFFFF; }
height: designTo(108rpx);
padding: 0 28rpx designTo(30rpx) 28rpx; .column {
.chioe_share{ padding: 10rpx 20rpx;
display: flex; border-radius: 40rpx;
align-items: center; background-color: #f3f4f8;
flex-direction: column; }
justify-content: center; }
}
.chioe_btn{ .container_chioe {
color: #FFFFFF; position: fixed;
background: linear-gradient(to right, #fbaf1a, #fbaf1a); bottom: 0;
height: designTo(66rpx); left: 0;
width: designTo(228rpx); right: 0;
text-align: center; display: flex;
line-height: designTo(66rpx); justify-content: space-around;
border-radius: designTo(33rpx); align-items: center;
} background-color: #FFFFFF;
.btn_Blue{ height: designTo(108rpx);
background: linear-gradient(to right, #95aefb, #4b74f7); padding: 0 28rpx designTo(30rpx) 28rpx;
}
} .chioe_share {
} display: flex;
</style> align-items: center;
flex-direction: column;
justify-content: center;
}
.chioe_btn {
color: #FFFFFF;
background: linear-gradient(to right, #fbaf1a, #fbaf1a);
height: designTo(66rpx);
width: designTo(228rpx);
text-align: center;
line-height: designTo(66rpx);
border-radius: designTo(33rpx);
}
.btn_Blue {
background: linear-gradient(to right, #95aefb, #4b74f7);
}
}
}
</style>

466
pages/project/userrecruitList.vue
View File

@@ -1,234 +1,234 @@
<template> <template>
<view class="body" @click="goInfo(companyitem.id)"> <view class="body" @click="goInfo(companyitem.id)">
<view class="heads"> <view class="heads">
<view class="head_left"> <view class="head_left">
<rich-text :nodes="string"> <rich-text :nodes="string">
</rich-text> </rich-text>
</view> </view>
<view class="head_right"> <view class="head_right">
{{ companyitem.wage }}{{ wageUnit[companyitem.wageUnitCategory] }} {{ companyitem.wage }}{{ wageUnit[companyitem.wageUnitCategory] }}
</view> </view>
</view> </view>
<view class="ask"> <view class="ask">
<view class="askList"> <view class="askList">
{{ companyitem.tradeNames }} {{ companyitem.tradeNames }}
</view> </view>
<view class="askList" v-for="(item, index) in skillNames" :key="index"> <view class="askList" v-for="(item, index) in skillNames" :key="index">
{{ item }} {{ item }}
</view> </view>
</view> </view>
<!-- <view class="allName"> <!-- <view class="allName">
{{ companyitem.jobCompanyName }} {{ companyitem.jobCompanyName }}
</view> --> </view> -->
<view style="width: 100%;height: 1rpx;background-color: #999;margin: 0 auto;opacity: .5;"></view> <view style="width: 100%;height: 1rpx;background-color: #999;margin: 0 auto;opacity: .5;"></view>
<view class="timeAddress" style="position: relative;"> <view class="timeAddress" style="position: relative;">
<!-- <view v-if="companyitem.missionCompanyName"> <!-- <view v-if="companyitem.missionCompanyName">
{{ companyitem.missionCompanyName }} {{ companyitem.missionCompanyName }}
</view> --> </view> -->
<!-- <view> <!-- <view>
<image src="../../static/img/city.png" style="width: 40rpx;height: 40rpx;" mode=""></image> <image src="../../static/img/city.png" style="width: 40rpx;height: 40rpx;" mode=""></image>
{{ companyitem.jobCompanyName }} {{ companyitem.jobCompanyName }}
</view> --> </view> -->
<view style="display: flex;align-items: center;"> <view style="display: flex;align-items: center;">
<image src="../../static/img/city.png" style="width: 40rpx;height: 40rpx;margin-right: 10rpx;" mode=""> <image src="../../static/img/city.png" style="width: 40rpx;height: 40rpx;margin-right: 10rpx;" mode="">
</image> </image>
<view style="font-size: 26rpx;color:#333;">{{ companyitem.jobAddress }}</view> <view style="font-size: 26rpx;color:#333;">{{ companyitem.jobAddress }}</view>
</view> </view>
<!-- <view v-if="near"> <!-- <view v-if="near">
{{ companyitem.distanceStr }}km {{ companyitem.distanceStr }}km
</view> </view>
<view v-else> <view v-else>
{{ getCity(companyitem.cityId) }} {{ getCity(companyitem.cityId) }}
</view> --> </view> -->
<view style="display: flex;align-items: center;position:absolute;right:0;"> <view style="display: flex;align-items: center;position:absolute;right:0;">
<image src="../../static/img/location_new.png" style="width: 30rpx;height: 30rpx;" mode=""></image> <image src="../../static/img/location_new.png" style="width: 30rpx;height: 30rpx;" mode=""></image>
<view>2.2km</view> <view>--km</view>
</view> </view>
</view> </view>
<view class="comment" v-if='comment' @tap.stop="goComment(companyitem.missionNo)"> <view class="comment" v-if='comment' @tap.stop="goComment(companyitem.missionNo)">
<view class="comment_content commentimg" v-if='companyitem.scoreAll > 0'> <view class="comment_content commentimg" v-if='companyitem.scoreAll > 0'>
<image class="commentimg_image" src="../../static/img/star.full.svg" <image class="commentimg_image" src="../../static/img/star.full.svg"
v-for="index1 in companyitem.scoreAll" mode="" :key="index1"></image> v-for="index1 in companyitem.scoreAll" mode="" :key="index1"></image>
<image class="commentimg_image" src="../../static/img/star.empty.svg" <image class="commentimg_image" src="../../static/img/star.empty.svg"
v-for="index2 in (5 - companyitem.scoreAll)" mode="" :key="index2"></image> v-for="index2 in (5 - companyitem.scoreAll)" mode="" :key="index2"></image>
</view> </view>
<view class="comment_content allName gocomment" v-else> <view class="comment_content allName gocomment" v-else>
评价 评价
</view> </view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import { import {
toDoller, toDoller,
dateFormat dateFormat
} from "../../untils/format.js"; } from "../../untils/format.js";
import dictionary from '@/common/textdata.js'; import dictionary from '@/common/textdata.js';
export default { export default {
beforeCreate: function() {}, beforeCreate: function() {},
props: { props: {
companyitem: { companyitem: {
type: Object, type: Object,
default () { default () {
return [] return []
} }
}, },
comment: { comment: {
type: Boolean, type: Boolean,
default: false default: false
}, },
noApply: { noApply: {
type: Boolean, type: Boolean,
default: true default: true
}, },
near: { near: {
type: Boolean, type: Boolean,
default: false default: false
} }
}, },
data() { data() {
return { return {
...dictionary, ...dictionary,
string: "<div style='overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'>" + this.companyitem string: "<div style='overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'>" + this.companyitem
.jobName + .jobName +
"</div>" "</div>"
}; };
}, },
computed: { computed: {
skillNames() { skillNames() {
return this.companyitem.skillNames.split(',') return this.companyitem.skillNames.split(',')
} }
}, },
methods: { methods: {
goComment: function(no) { goComment: function(no) {
uni.navigateTo({ uni.navigateTo({
url: `../../pageMy/mycomment/mycomment?missionNo=${encodeURIComponent(no)}` url: `../../pageMy/mycomment/mycomment?missionNo=${encodeURIComponent(no)}`
}) })
}, },
goInfo: function(no) { goInfo: function(no) {
console.log('11111') console.log('11111')
const isCan = this.noApply === false ? '0' : '1' const isCan = this.noApply === false ? '0' : '1'
uni.navigateTo({ uni.navigateTo({
url: `/pages/projectInfo/userrecruitInfo?workId=${encodeURIComponent(no)}&isCan=${isCan}` url: `/pages/projectInfo/userrecruitInfo?workId=${encodeURIComponent(no)}&isCan=${isCan}`
}) })
}, },
getCity: function(val) { getCity: function(val) {
if (val) { if (val) {
let areas = this.$store.getters.getAreaParents(val) let areas = this.$store.getters.getAreaParents(val)
if (areas.length === 3) { if (areas.length === 3) {
return areas[0].label + '-' + areas[1].label + '-' + areas[2].label return areas[0].label + '-' + areas[1].label + '-' + areas[2].label
} }
} }
}, },
toDoller, toDoller,
dateFormat dateFormat
} }
} }
</script> </script>
<style> <style>
.commentimg_image { .commentimg_image {
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
} }
.commentimg { .commentimg {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
} }
.gocomment { .gocomment {
font-size: 26rpx !important; font-size: 26rpx !important;
border-radius: 5rpx; border-radius: 5rpx;
border: 1rpx solid #c3c3c3; border: 1rpx solid #c3c3c3;
width: 160rpx; width: 160rpx;
text-align: center; text-align: center;
float: right; float: right;
height: 50rpx; height: 50rpx;
line-height: 50rpx; line-height: 50rpx;
} }
.timeAddress { .timeAddress {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 24rpx; font-size: 24rpx;
color: #999999; color: #999999;
margin: 10rpx 0; margin: 10rpx 0;
padding: 10rpx 0; padding: 10rpx 0;
} }
.allName { .allName {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 28rpx; font-size: 28rpx;
color: #666666; color: #666666;
} }
.askList { .askList {
/* width: 14%; */ /* width: 14%; */
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 24rpx; font-size: 24rpx;
color: #666666; color: #666666;
background-color: #f6f6f6; background-color: #f6f6f6;
padding: 5rpx 15rpx; padding: 5rpx 15rpx;
margin-right: 10rpx; margin-right: 10rpx;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.ask { .ask {
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: flex-start; justify-content: flex-start;
margin: 20rpx 0; margin: 20rpx 0;
} }
.head_right { .head_right {
font-family: PingFangSC-Medium; font-family: PingFangSC-Medium;
font-size: 28rpx; font-size: 28rpx;
color: #F46161; color: #F46161;
font-weight: bold; font-weight: bold;
} }
.head_left { .head_left {
font-family: PingFangSC-Medium; font-family: PingFangSC-Medium;
font-size: 32rpx; font-size: 32rpx;
font-weight: bold; font-weight: bold;
color: #333333; color: #333333;
width: 350rpx; width: 350rpx;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
/*不换行*/ /*不换行*/
text-overflow: ellipsis; text-overflow: ellipsis;
/*超出部分文字以...显示*/ /*超出部分文字以...显示*/
} }
.highlight { .highlight {
color: #F46161; color: #F46161;
} }
.body { .body {
width: 690rpx; width: 690rpx;
margin: 0rpx auto; margin: 0rpx auto;
background-color: #fefefe; background-color: #fefefe;
overflow: hidden; overflow: hidden;
box-sizing: border-box; box-sizing: border-box;
padding: 20rpx; padding: 20rpx;
padding-bottom: 0; padding-bottom: 0;
border-radius: 20rpx; border-radius: 20rpx;
margin-top: 20rpx; margin-top: 20rpx;
} }
.heads { .heads {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
</style> </style>

578
pages/recruit/components/userrecruitList.vue
View File

@@ -1,290 +1,290 @@
<template> <template>
<view class="body" @click="goInfo(companyitem)"> <view class="body" @click="goInfo(companyitem)">
<view class="heads"> <view class="heads">
<view class="head_left"> <view class="head_left">
<rich-text :nodes="string"> <rich-text :nodes="string">
</rich-text> </rich-text>
</view> </view>
<view class="head_right"> <view class="head_right">
{{ companyitem.wage }}{{ wageUnit[companyitem.wageUnitCategory] }} {{ companyitem.wage }}{{ wageUnit[companyitem.wageUnitCategory] }}
</view> </view>
</view> </view>
<view class="ask"> <view class="ask">
<view class="asj_content"> <view class="asj_content">
<view class="askList"> <view class="askList">
{{ companyitem.tradeNames }} {{ companyitem.tradeNames }}
</view> </view>
<view class="askList" v-for="(item, index) in skillNames" :key="index"> <view class="askList" v-for="(item, index) in skillNames" :key="index">
{{ item }} {{ item }}
</view> </view>
</view> </view>
<view class="ask_right"> <view class="ask_right">
<u-tag v-if="companyitem.reviewState == 1" :text="getReviewState(companyitem.reviewState)" <u-tag v-if="companyitem.reviewState == 1" :text="getReviewState(companyitem.reviewState)"
type="success" plain shape="circle"></u-tag> type="success" plain shape="circle"></u-tag>
<u-tag v-if="companyitem.reviewState == 9" :text="getReviewState(companyitem.reviewState)" type="error" <u-tag v-if="companyitem.reviewState == 9" :text="getReviewState(companyitem.reviewState)" type="error"
plain shape="circle"></u-tag> plain shape="circle"></u-tag>
<u-tag v-if="companyitem.reviewState == 0" :text="getReviewState(companyitem.reviewState)" plain <u-tag v-if="companyitem.reviewState == 0" :text="getReviewState(companyitem.reviewState)" plain
shape="circle"></u-tag> shape="circle"></u-tag>
</view> </view>
</view> </view>
<!-- <view class="allName"> <!-- <view class="allName">
{{ companyitem.jobCompanyName }} {{ companyitem.jobCompanyName }}
</view> --> </view> -->
<view style="width: 100%;height: 1rpx;background-color: #999;margin: 0 auto;opacity: .5;"></view> <view style="width: 100%;height: 1rpx;background-color: #999;margin: 0 auto;opacity: .5;"></view>
<view class="timeAddress" style="position: relative;"> <view class="timeAddress" style="position: relative;">
<!-- <view v-if="companyitem.missionCompanyName"> <!-- <view v-if="companyitem.missionCompanyName">
{{ companyitem.missionCompanyName }} {{ companyitem.missionCompanyName }}
</view> --> </view> -->
<!-- <view> <!-- <view>
<image src="../../static/img/city.png" style="width: 40rpx;height: 40rpx;" mode=""></image> <image src="../../static/img/city.png" style="width: 40rpx;height: 40rpx;" mode=""></image>
{{ companyitem.jobCompanyName }} {{ companyitem.jobCompanyName }}
</view> --> </view> -->
<view style="display: flex;align-items: center;"> <view style="display: flex;align-items: center;">
<image src="../../../static/img/city.png" style="width: 40rpx;height: 40rpx;margin-right: 10rpx;" <image src="../../../static/img/city.png" style="width: 40rpx;height: 40rpx;margin-right: 10rpx;"
mode=""></image> mode=""></image>
<view style="font-size: 26rpx;color:#333;">{{ companyitem.jobCompanyName }}</view> <view style="font-size: 26rpx;color:#333;">{{ companyitem.jobCompanyName }}</view>
</view> </view>
<!-- <view v-if="near"> <!-- <view v-if="near">
{{ companyitem.distanceStr }}km {{ companyitem.distanceStr }}km
</view> </view>
<view v-else> <view v-else>
{{ getCity(companyitem.cityId) }} {{ getCity(companyitem.cityId) }}
</view> --> </view> -->
<view style="display: flex;align-items: center;position:absolute;right:0;"> <view style="display: flex;align-items: center;position:absolute;right:0;">
<image src="../../../static/img/location_new.png" style="width: 30rpx;height: 30rpx;" mode=""></image> <image src="../../../static/img/location_new.png" style="width: 30rpx;height: 30rpx;" mode=""></image>
<view>2.2km</view> <view>--km</view>
</view> </view>
</view> </view>
<view class="comment" v-if='comment' @tap.stop="goComment(companyitem.missionNo)"> <view class="comment" v-if='comment' @tap.stop="goComment(companyitem.missionNo)">
<view class="comment_content commentimg" v-if='companyitem.scoreAll > 0'> <view class="comment_content commentimg" v-if='companyitem.scoreAll > 0'>
<image class="commentimg_image" src="../../../static/img/star.full.svg" <image class="commentimg_image" src="../../../static/img/star.full.svg"
v-for="index1 in companyitem.scoreAll" mode="" :key="index1"></image> v-for="index1 in companyitem.scoreAll" mode="" :key="index1"></image>
<image class="commentimg_image" src="../../../static/img/star.empty.svg" <image class="commentimg_image" src="../../../static/img/star.empty.svg"
v-for="index2 in (5 - companyitem.scoreAll)" mode="" :key="index2"></image> v-for="index2 in (5 - companyitem.scoreAll)" mode="" :key="index2"></image>
</view> </view>
<view class="comment_content allName gocomment" v-else> <view class="comment_content allName gocomment" v-else>
评价 评价
</view> </view>
</view> </view>
</view> </view>
</template> </template>
<script> <script>
import { import {
toDoller, toDoller,
dateFormat dateFormat
} from "../../../untils/format.js"; } from "../../../untils/format.js";
import dictionary from '@/common/textdata.js'; import dictionary from '@/common/textdata.js';
export default { export default {
beforeCreate: function() {}, beforeCreate: function() {},
props: { props: {
companyitem: { companyitem: {
type: Object, type: Object,
default () { default () {
return [] return []
} }
}, },
comment: { comment: {
type: Boolean, type: Boolean,
default: false default: false
}, },
noApply: { noApply: {
type: Boolean, type: Boolean,
default: true default: true
}, },
near: { near: {
type: Boolean, type: Boolean,
default: false default: false
} }
}, },
data() { data() {
return { return {
...dictionary, ...dictionary,
string: "<div style='overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'>" + this.companyitem string: "<div style='overflow: hidden;white-space: nowrap;text-overflow: ellipsis;'>" + this.companyitem
.jobName + .jobName +
"</div>" "</div>"
}; };
}, },
computed: { computed: {
skillNames() { skillNames() {
return this.companyitem.skillNames.split(',') return this.companyitem.skillNames.split(',')
} }
}, },
methods: { methods: {
getReviewState(type) { getReviewState(type) {
switch (type) { switch (type) {
case 1: case 1:
return '已审核' return '已审核'
case 0: case 0:
return '待审核' return '待审核'
case 9: case 9:
return '已驳回' return '已驳回'
} }
}, },
goComment: function(no) { goComment: function(no) {
uni.navigateTo({ uni.navigateTo({
url: `../../pageMy/mycomment/mycomment?missionNo=${encodeURIComponent(no)}` url: `../../pageMy/mycomment/mycomment?missionNo=${encodeURIComponent(no)}`
}) })
}, },
goInfo: function({ goInfo: function({
id, id,
reviewState, reviewState,
jobType jobType
}) { }) {
if (reviewState === 9) { if (reviewState === 9) {
this.navTo( this.navTo(
`/pages/recruit/subPage/updataTaskorWork/updataTaskorWork?workId=${encodeURIComponent(id)}&isCan=${isCan}&jobType=${this.companyitem.jobType}&id=${this.companyitem.id}` `/pages/recruit/subPage/updataTaskorWork/updataTaskorWork?workId=${encodeURIComponent(id)}&isCan=${isCan}&jobType=${this.companyitem.jobType}&id=${this.companyitem.id}`
) )
return return
} }
const isCan = this.noApply === false ? '0' : '1' const isCan = this.noApply === false ? '0' : '1'
switch (jobType) { switch (jobType) {
case 0: case 0:
this.navTo(`/pages/projectInfo/userrecruitInfo?workId=${encodeURIComponent(id)}&isCan=${isCan}&jobType=${ this.navTo(`/pages/projectInfo/userrecruitInfo?workId=${encodeURIComponent(id)}&isCan=${isCan}&jobType=${
this.companyitem.jobType}&id=${this.companyitem.id}`) this.companyitem.jobType}&id=${this.companyitem.id}`)
break break
case 1: case 1:
this.navTo(`/pages/projectInfo/userrecruitWorkInfo?workId=${encodeURIComponent(id)}&isCan=${isCan}&jobType=${ this.navTo(`/pages/projectInfo/userrecruitWorkInfo?workId=${encodeURIComponent(id)}&isCan=${isCan}&jobType=${
this.companyitem.jobType}&id=${this.companyitem.id}`) this.companyitem.jobType}&id=${this.companyitem.id}`)
break break
} }
}, },
getCity: function(val) { getCity: function(val) {
if (val) { if (val) {
let areas = this.$store.getters.getAreaParents(val) let areas = this.$store.getters.getAreaParents(val)
if (areas.length === 3) { if (areas.length === 3) {
return areas[0].label + '-' + areas[1].label + '-' + areas[2].label return areas[0].label + '-' + areas[1].label + '-' + areas[2].label
} }
} }
}, },
toDoller, toDoller,
dateFormat dateFormat
} }
} }
</script> </script>
<style> <style>
.commentimg_image { .commentimg_image {
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
} }
.commentimg { .commentimg {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; justify-content: flex-end;
} }
.gocomment { .gocomment {
font-size: 26rpx !important; font-size: 26rpx !important;
border-radius: 5rpx; border-radius: 5rpx;
border: 1rpx solid #c3c3c3; border: 1rpx solid #c3c3c3;
width: 160rpx; width: 160rpx;
text-align: center; text-align: center;
float: right; float: right;
height: 50rpx; height: 50rpx;
line-height: 50rpx; line-height: 50rpx;
} }
.timeAddress { .timeAddress {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 24rpx; font-size: 24rpx;
color: #999999; color: #999999;
margin: 10rpx 0; margin: 10rpx 0;
padding: 10rpx 0; padding: 10rpx 0;
} }
.allName { .allName {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 28rpx; font-size: 28rpx;
color: #666666; color: #666666;
} }
.askList { .askList {
/* width: 14%; */ /* width: 14%; */
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 24rpx; font-size: 24rpx;
color: #666666; color: #666666;
background-color: #f6f6f6; background-color: #f6f6f6;
padding: 5rpx 15rpx; padding: 5rpx 15rpx;
margin-right: 10rpx; margin-right: 10rpx;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.ask { .ask {
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
margin: 20rpx 0; margin: 20rpx 0;
} }
.asj_content { .asj_content {
display: flex; display: flex;
align-items: center; align-items: center;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: flex-start; justify-content: flex-start;
flex: 1; flex: 1;
} }
.ask_right { .ask_right {
font-family: PingFangSC-Regular; font-family: PingFangSC-Regular;
font-size: 24rpx; font-size: 24rpx;
color: blue; color: blue;
background-color: #FFFFFF; background-color: #FFFFFF;
/* border: 2rpx solid blue; */ /* border: 2rpx solid blue; */
border-radius: 6px; border-radius: 6px;
/* padding: 2rpx 10rpx; */ /* padding: 2rpx 10rpx; */
margin-right: 10rpx; margin-right: 10rpx;
margin-bottom: 10rpx; margin-bottom: 10rpx;
} }
.head_right { .head_right {
font-family: PingFangSC-Medium; font-family: PingFangSC-Medium;
font-size: 28rpx; font-size: 28rpx;
color: #F46161; color: #F46161;
font-weight: bold; font-weight: bold;
} }
.head_left { .head_left {
font-family: PingFangSC-Medium; font-family: PingFangSC-Medium;
font-size: 32rpx; font-size: 32rpx;
font-weight: bold; font-weight: bold;
color: #333333; color: #333333;
width: 350rpx; width: 350rpx;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
/*不换行*/ /*不换行*/
text-overflow: ellipsis; text-overflow: ellipsis;
/*超出部分文字以...显示*/ /*超出部分文字以...显示*/
} }
.highlight { .highlight {
color: #F46161; color: #F46161;
} }
.body { .body {
width: 690rpx; width: 690rpx;
margin: 0rpx auto; margin: 0rpx auto;
background-color: #fefefe; background-color: #fefefe;
overflow: hidden; overflow: hidden;
box-sizing: border-box; box-sizing: border-box;
padding: 20rpx; padding: 20rpx;
padding-bottom: 0; padding-bottom: 0;
border-radius: 20rpx; border-radius: 20rpx;
margin-bottom: 20rpx; margin-bottom: 20rpx;
} }
.heads { .heads {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
</style> </style>

99
pages/user/policyContent.vue
View File

@@ -1,48 +1,51 @@
<template> <template>
<view class="policy-content"> <view class="policy-content">
<view v-html="strings"></view> <view v-html="strings"></view>
</view> </view>
</template> </template>
<script> <script>
import {getPolicyContent} from '@/api/newIndex.js' import {
export default { getPolicyContent
data() { } from '@/api/newIndex.js'
return { export default {
strings:'', data() {
contentShow:false return {
} strings: '',
}, contentShow: false
onLoad(option) { }
if(option.id){ },
// #ifdef H5 onLoad(option) {
//h5中如果有% 会报错，需单独处理 if (option.id) {
// option.val=this.percent2percent25(option.val) // #ifdef H5
// #endif //h5中如果有% 会报错，需单独处理
// this.strings=decodeURIComponent(option.val) ; // option.val=this.percent2percent25(option.val)
getPolicyContent (1, option.id).then(res => { // #endif
this.strings = res.data.data.records[0].note // this.strings=decodeURIComponent(option.val) ;
}) getPolicyContent(1, option.id).then(res => {
} this.strings = res.data.data.records[0].note
}, })
methods: { }
percent2percent25 (URI) { },
if(URI.indexOf('%') > -1) { methods: {
return URI.replace(/%/g,'%25') percent2percent25(URI) {
}else{ if (URI.indexOf('%') > -1) {
return URI; return URI.replace(/%/g, '%25')
} } else {
}, return URI;
} }
} },
</script> }
}
<style> </script>
/* page{
padding: 20px 20px 20px 20px; <style>
overflow: auto; /* page{
} */ padding: 20px 20px 20px 20px;
.policy-content { overflow: auto;
padding: 30rpx; } */
} .policy-content {
</style> padding: 30rpx;
font-family: PingFangSC-Regular, PingFang SC;
}
</style>