个人优势

src/views/recruit/enterprise/resumeManagement/talentMap/index.vue

@@ -27,10 +27,9 @@
         </div>
       </template>
       <template v-slot:[`item.advantage`]="{ item }">
-        <div v-if="item.advantage" id="menu-activator" class="requirementBox requirement ellipsis" v-html="item.advantage?.replace(/\n/g, '</br>')"></div>
-        <v-menu activator="#menu-activator">
-          <div v-if="item.advantage" class="requirement" v-html="item.advantage?.replace(/\n/g, '</br>')"></div>
-        </v-menu>
+        <template v-if="item.advantage">
+          <v-btn color="primary" variant="tonal" @click="advantageDetail(item.advantage)">查看</v-btn>
+        </template>
       </template>
     </v-data-table>
     <CtPagination
@@ -41,13 +40,21 @@
       @handleChange="handleChangePage"
     ></CtPagination>
     <!-- <Empty v-else :message="tipsText" :elevation="false" class="mt-15"></Empty> -->
-    <v-navigation-drawer v-model="screen" location="right" absolute temporary width="1000">
+    <v-navigation-drawer v-model="screen" location="right" absolute temporary width="700">
       <FilterPage
         ref="FilterPageRef"
         @confirm="handleConfirm"
         @cancel="screen = false"
       ></FilterPage>
     </v-navigation-drawer>
+    <v-navigation-drawer v-model="advantageShow" location="right" absolute temporary width="1000">
+      <div class="pa-3">
+        <div class="resume-header">
+          <div class="resume-title">个人优势</div>
+        </div>
+        <div class="requirement" v-html="advantageText?.replace(/\n/g, '</br>')"></div>
+      </div>
+    </v-navigation-drawer>
   </v-card>
 </template>
 
@@ -108,6 +115,13 @@ const handleConfirm = (params) => {
   getData()
 }
 
+const advantageShow = ref(false)
+let advantageText = ''
+const advantageDetail = (advantage) => {
+  advantageText = advantage
+  advantageShow.value = true
+}
+
 const FilterPageRef = ref()
 const openDrawer = () => {
   screen.value = true