筛选

src/views/recruit/enterprise/elite/components/screen.vue

@@ -1,30 +1,32 @@
 <template>
-  <div class="d-flex align-center">
-    <CommonStyle v-for="(val, i) in list" :key="i" :btnTitle="val.title">
-      <v-list>
-        <v-list-item
-          v-for="(item, index) in val.items"
-          :key="index"
-          :active="val.selected.includes(item.value)"
-          color="primary"
-          :value="item.value"
-          @click="handleClick(item, val)"
-        >
-          <v-list-item-title>{{ item.label }}</v-list-item-title>
-        </v-list-item>
-      </v-list>
-    </CommonStyle>
-    <div class="mr-5 d-flex align-center" v-if="props.tab === 0">
-      <v-radio-group v-model="selected" inline style="height: 28px;" @update:modelValue="handleChangeSelected">
-        <v-radio v-model="selected" label="新投递" value="0" color="primary" hide-details density="compact" class="mr-3"></v-radio>
-        <v-radio v-model="selected" label="已查看" value="1" color="primary" hide-details density="compact"></v-radio>
-      </v-radio-group>
-      <v-radio-group class="ml-5" v-model="bounty" inline style="height: 28px;" @update:modelValue="handleChangeBounty">
-        <v-radio v-model="bounty" label="普通职位" :value="false" color="primary" hide-details density="compact" class="mr-3"></v-radio>
-        <v-radio v-model="bounty" label="赏金职位" :value="true" color="primary" hide-details density="compact"></v-radio>
-      </v-radio-group>
+  <div class="d-flex align-center justify-space-between">
+    <div class="d-flex align-center">
+      <CommonStyle v-for="(val, i) in list" :key="i" :btnTitle="val.title">
+        <v-list>
+          <v-list-item
+            v-for="(item, index) in val.items"
+            :key="index"
+            :active="val.selected.includes(item.value)"
+            color="primary"
+            :value="item.value"
+            @click="handleClick(item, val)"
+          >
+            <v-list-item-title>{{ item.label }}</v-list-item-title>
+          </v-list-item>
+        </v-list>
+      </CommonStyle>
+      <div class="mr-5 d-flex align-center" v-if="props.tab === 0">
+        <v-radio-group v-model="bounty" inline style="height: 28px;" @update:modelValue="handleChangeBounty">
+          <v-radio v-model="bounty" label="普通职位" :value="false" color="primary" hide-details density="compact" class="mr-3"></v-radio>
+          <v-radio v-model="bounty" label="赏金职位" :value="true" color="primary" hide-details density="compact"></v-radio>
+        </v-radio-group>
+        <v-radio-group class="ml-5" v-model="selected" inline style="height: 28px;" @update:modelValue="handleChangeSelected">
+          <v-radio v-model="selected" label="新投递" value="0" color="primary" hide-details density="compact" class="mr-3"></v-radio>
+          <v-radio v-model="selected" label="已查看" value="1" color="primary" hide-details density="compact"></v-radio>
+        </v-radio-group>
+      </div>
     </div>
-    <span class="reset-text cursor-pointer ml-3" @click="handleReset">重置</span>
+    <div class="reset-text cursor-pointer ml-3" @click="handleReset">重置</div>
   </div>
 </template>