操作按钮位置

components/PositionList/index.vue

@@ -2,20 +2,22 @@
   <view class="ss-m-x-20">
     <!-- 岗位列表 -->
     <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">
+      <view v-for="(item, index) in list" :key="index" class="mList" @click="handleDetail(item)">
         <!-- 职位信息 -->
         <view class="list-shape" style="border-radius: 12px;">
           <!-- 职位 -->
           <view class="titleBox my-5">
             <view style="display: flex;align-items: center;">
+              <image v-if="item.jobFairIds?.length" src="/static/svg/jobFair.svg" class=" ss-m-r-10" style="width: 20px; height: 20px;"></image>
               <rich-text v-if="item.name?.indexOf('style') !== -1" class="job-name" :nodes="item.name"></rich-text>
               <view v-else class="job-name">{{ formatName(item.name) }}</view>
             </view>
           </view>
-          <!-- 薪酬、工作地、学历、工作经验 -->
+          <!-- 职位类型 -->
           <view class="font-size-13 ellipsis ss-m-5" style="color: #808080;">
             <span>{{item.positionName }}</span>
           </view>
+          <!-- 薪酬、工作地、学历、工作经验 -->
           <view class="d-flex align-center justify-space-between">
             <view class="font-size-13 ellipsis" style="flex: 1;">
               <span class="tag-gap" style="color: #808080;">
@@ -27,29 +29,18 @@
                 <span class="divider-mx">|</span>
                 <span>{{!item.payFrom && !item.payTo ? '面议' : `${item.payFrom}-${item.payTo}${item.payName ? '/' + item.payName : ''}` }}</span>
               </span>
-              <view class="font-size-13 ss-m-t-10" style="color: #808080;">
-                <view>刷新时间：{{ item.refreshTime ? timesTampChange(item.refreshTime, 'Y-M-D h:m') : '暂无' }}</view>
-              </view>
-            </view>
-            <view class="d-flex flex-column align-center justify-center resumeCount" @tap="handleToResume(item)">
-              <view style="font-size: 14px;">{{ item.count || 0 }}</view>
-              <view>已投递简历</view>
             </view>
           </view>
           <view class="font-size-13 color-666 ss-m-t-10">
+            <view class="ss-m-t-10">刷新时间：{{ item.refreshTime ? timesTampChange(item.refreshTime, 'Y-M-D h:m') : '暂无' }}</view>
             <view class="ss-m-t-10">到期时间：{{ item.expireTime ? timesTampChange(item.expireTime, 'Y-M-D') : '长期有效' }}</view>
           </view>
-          <view class="sub-li-bottom">
-            <view v-if="tab === 1">
-              <span class="divider-mx" @tap="handleAction(item.top ? 4 : 3, '', item)">{{ item.top ? '取消置顶' : '置顶' }}</span>
-              <span class="divider-mx" @tap="handleAction(0, '', item, item)">关闭</span>
-            </view>
-            <span v-if="(item?.status-0) === 99 && tab === 0" class="divider-mx" @tap="toPay(item)">发布</span>
-            <span v-if="tab === 2" class="divider-mx" @tap="handleAction(1, '', item, item)">激活</span>
-            <span class="divider-mx" @tap="handleDetail(item)">详情</span>
-            <view v-if="tab !== 3">
-              <span class="divider-mx" :style="{'color': item.edit ? '#333' : '#999'}" @tap="handleEdit(item)">{{ '编辑' }}</span>
-            </view>
+          <view class="sub-li-bottom ss-m-t-20">
+            <view v-if=" tab !== 0" class="sub-li-bottom-item color-primary" @tap.stop="handleToResume(item)">{{ item.count || 0 }} 已投递简历</view>
+            <view v-if=" tab === 0 && (item?.status-0) === 99" class="sub-li-bottom-item color-primary" @tap.stop="toPay(item)">发布</view>
+            <view v-if="tab === 1" class="sub-li-bottom-item color-warning" @tap.stop="handleAction(item.top ? 4 : 3, '', item)">{{ item.top ? '取消置顶' : '置顶' }}</view>
+            <view v-if="tab === 1" class="sub-li-bottom-item color-666" @tap.stop="handleAction(0, '', item, item)">关闭</view>
+            <view v-if="tab === 2" class="sub-li-bottom-item color-warning" @tap.stop="handleAction(1, '', item, item)">激活</view>
           </view>
         </view>
       </view>
@@ -238,15 +229,6 @@ const paySuccess = () => {
   text-overflow: ellipsis;
 }
 
-.sub-li-bottom {
-  display: flex;
-  justify-content: flex-end;
-  border-top: 1px dashed #eee;
-  margin-top: 10px;
-  padding-top: 10px;
-  font-size: 13px;
-  color: #666;
-}
 
 .salary-text {
 	float: right;
@@ -333,4 +315,24 @@ const paySuccess = () => {
   font-size: 12px;
   margin: 0 10px;
 }
+
+.sub-li-bottom {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 10px;
+  font-size: 13px;
+  color: #666;
+	&-item {
+		width: 50%;
+		height: 35px;
+		line-height: 35px;
+		text-align: center;
+		margin-right: 15px;
+		background-color: #f7f8fa;
+		border-radius: 4px;
+		&:last-child {
+			margin-right: 0;
+		}
+	}
+}
 </style>