本期值和上期值添加点击右键弹框

src/views/dataset/IndexSearchServiceMs/IndexSearchServiceMs.vue

@@ -11,7 +11,7 @@ import { TableData } from '@/api/reporting/RepDataProblem/RepDataProblem/types'
 import { useTable } from '@/hooks/web/useTable'
 import { useI18n } from '@/hooks/web/useI18n'
 import { Table, TableColumn } from '@/components/Table'
-import { ElButton, ElLink, ElLoading, ElPopconfirm, ElMessage } from 'element-plus'
+import { ElButton, ElLink, ElLoading, ElPopconfirm, ElMessage,ElDropdown,ElDropdownMenu,ElDropdownItem } from 'element-plus'
 import { Search } from '@/components/Search'
 import { FormSchema } from '@/components/Form'
 import { ContentWrap } from '@/components/ContentWrap'
@@ -63,7 +63,7 @@ const tableColumns = reactive<TableColumn[]>([
   },
   {
     field: 'dataDate',
-    label: '指标代码'
+    label: '指标代码',
   },
   {
     field: 'createTime',
@@ -75,11 +75,57 @@ const tableColumns = reactive<TableColumn[]>([
   },
   {
     field: 'tCategory',
-    label: '本期值'
+    label: '本期值',
+    slots:{
+      default:(data:any)=>{
+        return <ElDropdown class="{prefixCls} custom-hover" style="vertical-align: middle;padding:0;" trigger="contextmenu" placement="right">
+                  {{
+                    default:()=>{
+                      return <div>
+                        <span>{data.row.tCategory}</span>
+                      </div>
+                    },
+                    dropdown:()=>{
+                      return <ElDropdownMenu>
+                        <ElDropdownItem>
+                          <div>按机构钻取</div>
+                        </ElDropdownItem>
+                        <ElDropdownItem>
+                          <div>趋势分析</div>
+                        </ElDropdownItem>
+                      </ElDropdownMenu>
+                    }
+                  }}
+            </ElDropdown>
+      }
+    }
   },
   {
     field: 'tCategory',
-    label: '上期值'
+    label: '上期值',
+    slots:{
+      default:(data:any)=>{
+        return <ElDropdown class="{prefixCls} custom-hover" style="vertical-align: middle;padding:0;" trigger="contextmenu" placement="right">
+                  {{
+                    default:()=>{
+                      return <div>
+                        <span>{data.row.tCategory}</span>
+                      </div>
+                    },
+                    dropdown:()=>{
+                      return <ElDropdownMenu>
+                        <ElDropdownItem>
+                          <div>按机构钻取</div>
+                        </ElDropdownItem>
+                        <ElDropdownItem>
+                          <div>趋势分析</div>
+                        </ElDropdownItem>
+                      </ElDropdownMenu>
+                    }
+                  }}
+            </ElDropdown>
+      }
+    }
   }
 ].map(item => ({ minWidth: item.label ? getWidth(item.label) : 120, ...item }) as TableColumn))
 
@@ -96,7 +142,7 @@ const searchSchema = reactive<FormSchema[]>([
       multiple: true,
       collapseTags: true,
       showCheckbox: true,
-      style: { minWidth: '200px' },
+      // style: { minWidth: '200px' },
       //style: 'width: 100%',
       checkOnClickNode: true,
     },