企业-面试状态调整

src/views/recruit/enterprise/interview/components/item.vue

@@ -29,13 +29,15 @@
         </span>
       </div>
       <!-- 面试状态: '待接受'/'已取消' -->
-      <div :style="{ 'color': item.status !== '98' ? 'orange' :'var(--color-999)'}">
+      <div :style="{ 'color': colorData[item.status] }">
         <v-icon size="30">mdi mdi-circle-small</v-icon>
         <span>{{ statusList.find(e => e.value === item.status)?.label }}</span>
       </div>
       <div>
         <span v-if="editStatus.indexOf(item.status) !== -1" class="font-size-15 color-primary" @click="handleActionClick('edit', item)">修改面试</span>
         <span v-if="againStatus.indexOf(item.status) !== -1" class="font-size-15 color-primary" @click="handleActionClick('edit', item)">重新邀约</span>
+        <span v-if="item.status === '2'" class="font-size-15 color-primary" @click="handleActionClick('completed', item)">完成面试</span>
+        <span v-if="item.status === '3'" class="font-size-15 color-primary" @click="handleActionClick('feedback', item)">填写反馈</span>
         <v-menu v-if="actionItems(item.status).length">
           <template v-slot:activator="{ props }">
             <v-icon v-bind="props" class="mx-3" size="20" color="primary">mdi-dots-horizontal</v-icon>
@@ -100,6 +102,16 @@ const actions = ref([
   { title: '填写反馈', value: 'feedback' },
   { title: '爽约', value: 'attended' }
 ])
+const colorData = {
+  '0': 'orange',
+  '1': 'green',
+  '2': 'green',
+  '3': 'var(--v-primary-base)',
+  '4': 'var(--color-999)',
+  '5': 'var(--v-error-base)',
+  '98': 'var(--v-error-base)',
+  '99': 'var(--color-999)'
+}
 // 邀请
 const itemData = ref({})
 const showInvite = ref(false)
@@ -126,9 +138,8 @@ const textItems2 = ref({
 
 const obj = {
   '0': [1],
-  '1': [1],
-  '2': [0],
-  '3': [2]
+  '1': [1, 3],
+  '2': [3]
 }
 const actionItems = (status) => {
   const type = obj[status]