Explorar o código

职位:添加发布企业与hr展示(目前仅在集团权限服务中有数据)

Xiao_123 hai 1 mes
pai
achega
9f8b0cd4c3
Modificáronse 3 ficheiros con 62 adicións e 10 borrados
  1. 25 3
      components/PositionList/index.vue
  2. 1 1
      pagesB/jobFair/details.vue
  3. 36 6
      pagesB/jobFair/jobItem.vue

+ 25 - 3
components/PositionList/index.vue

@@ -3,6 +3,12 @@
     <!-- 岗位列表 -->
     <view v-if="list?.length" class="ss-p-b-30 ss-p-t-20">
       <view v-for="(item, index) in list" :key="index" class="mList" @click="handleDetail(item)">
+        <view v-if="item?.enterpriseName" class="d-flex align-center item-top">
+          <view class="avatarBox">
+            <image class="enterAvatar default-border default-radius" :src="item.enterpriseLogo || 'https://minio.citupro.com/dev/menduner/company-avatar.png'"></image>
+          </view>
+          <view class="ss-m-l-20 label-text">{{ formatName(item?.enterpriseName) }} - {{ item?.hrName }}</view>
+        </view>
         <!-- 职位信息 -->
         <view class="list-shape" style="border-radius: 12px;">
           <!-- 职位 -->
@@ -215,6 +221,23 @@ const paySuccess = () => {
 </script>
 
 <style scoped lang="scss">
+.avatarBox {
+  max-width: 60rpx;
+  max-height: 60rpx;
+}
+.item-top {
+  padding: 20rpx 30rpx;
+  background: linear-gradient(90deg,#f5fcfc,#fcfbfa);
+  border-radius: 12px 12px 0 0;
+  font-size: 28rpx;
+  color: #0E100F;
+  .label-text {
+	  max-width: 100%;
+	  text-overflow: ellipsis;
+	  white-space: nowrap;
+	  overflow: hidden;
+  }
+}
 .noMore{
   margin: 20px 0;
 }
@@ -232,9 +255,8 @@ const paySuccess = () => {
 
 }
 .enterAvatar{
-	width: 40px;
-	height: 40px;
-	// border-radius: 50%;
+	width: 60rpx;
+	height: 60rpx;
 	margin: auto;
 }
 

+ 1 - 1
pagesB/jobFair/details.vue

@@ -95,7 +95,7 @@ const handleToShare = () => {
 	color: #fff;
 }
 .title-line {
-	width: 12px;
+	width: 7px;
 	height: 18px;
 	background-color: #fff;
 	margin-right: 10px;

+ 36 - 6
pagesB/jobFair/jobItem.vue

@@ -1,8 +1,14 @@
 <template>
   <view>
-    <view v-if="list?.length" class="ss-p-b-30 ss-p-t-20">
-			<uni-card v-for="(item, index) in list" :key="index" class="mList" :is-shadow="true" :border='false' shadow="0px 0px 3px 1px rgba(0,0,0,0.1)">
-        <view class="list-shape" style="border-radius: 12px;">
+    <view v-if="list?.length" class="ss-p-b-30 ss-p-t-20 ss-p-x-30">
+			<view v-for="(item, index) in list" :key="index" class="mList">
+				<view v-if="item?.enterpriseName" class="d-flex align-center item-top">
+          <view class="avatarBox">
+            <image class="enterAvatar default-border default-radius" :src="item.enterpriseLogo || 'https://minio.citupro.com/dev/menduner/company-avatar.png'"></image>
+          </view>
+          <view class="ss-m-l-20 label-text">{{ formatName(item?.enterpriseName) }} - {{ item?.hrName }}</view>
+        </view>
+        <view class="list-shape">
           <view @tap.stop="handleToDetail(item)">
 						<view class="titleBox">
 							<view style="display: flex;align-items: center;">
@@ -30,7 +36,7 @@
 						<view class="sub-li-bottom-item color-error" @tap.stop="handleRemove(item)">移出招聘会</view>
           </view>
         </view>
-			</uni-card>
+			</view>
 		</view>
 
 		<uni-popup ref="removePopup" type="dialog">
@@ -105,6 +111,28 @@ const handleRemoveConfirm = async () => {
 </script>
 
 <style scoped lang="scss">
+.enterAvatar{
+	width: 60rpx;
+	height: 60rpx;
+	margin: auto;
+}
+.avatarBox {
+  max-width: 60rpx;
+  max-height: 60rpx;
+}
+.item-top {
+  padding: 20rpx 30rpx;
+  background: linear-gradient(90deg,#f5fcfc,#fcfbfa);
+  border-radius: 12px 12px 0 0;
+  font-size: 28rpx;
+  color: #0E100F;
+  .label-text {
+	  max-width: 100%;
+	  text-overflow: ellipsis;
+	  white-space: nowrap;
+	  overflow: hidden;
+  }
+}
 .job-name {
   font-size: 16px;
   font-weight: 700;
@@ -142,7 +170,8 @@ const handleRemoveConfirm = async () => {
 }
 .list-shape {
   background-color: #fff;
-  border-radius: 12px 12px 0 0;
+  border-radius: 0 0 12px 12px;
+	padding: 30rpx;
   .titleBox {
     display: flex;
     align-items: center;
@@ -160,6 +189,7 @@ const handleRemoveConfirm = async () => {
 }
 .mList {
   margin-bottom: 20rpx;
-	padding: 10px 0;
+	position: relative;
+  box-shadow: 1px 2px 12px rgba(0, 0, 0, 0.17);
 }
 </style>