Bladeren bron

generation table - number click effect

hare8999@163.com 3 jaren geleden
bovenliggende
commit
722d5a999a
1 gewijzigde bestanden met toevoegingen van 20 en 7 verwijderingen
  1. 20 7
      src/views/elective/generation/components/elective-generation-table.vue

+ 20 - 7
src/views/elective/generation/components/elective-generation-table.vue

@@ -1,16 +1,15 @@
 <template>
   <mx-table ref="table" :prop-defines="resolvedTable.columns" :rows="resolvedTable.rows" border>
     <template #elective-cell="{value, label, prop}">
-      <el-popover trigger="hover" :disabled="(value&&value.disabled)||!!!prop.queryCode"
-                  popper-class="zero-padding-popover">
-        <div class="fx-column">
-          <el-button plain type="text" @click="goDetails(value, label)">查看名单</el-button>
+      <el-tooltip :disabled="(value&&value.disabled)||!!!prop.queryCode" effect="light">
+        <div slot="content">
+          查看名单
         </div>
-        <div slot="reference" v-if="value" :style="getCellStyles(value)">
+        <div v-if="value" class="pointer" :style="getCellStyles(value)" @click="goDetails(value, label, $event)">
           <span v-if="value.star">*</span>
           <span>{{ value && value.value }}</span>
         </div>
-      </el-popover>
+      </el-tooltip>
     </template>
   </mx-table>
 </template>
@@ -148,7 +147,21 @@ export default {
       }
       return styles
     },
-    goDetails(option) {
+    goDetails(option, label, e) {
+      // try close accessor el-popover
+      // const $btn = e?.currentTarget?.__vue__
+      // if ($btn) {
+      //   let parent = $btn.$parent
+      //   while (parent) {
+      //     if (parent.$options.name === 'ElPopover') {
+      //       parent.doClose()
+      //       break
+      //     }
+      //     parent = parent.$parent
+      //   }
+      // }
+
+      // jump logic
       const path = '/elective/generation/detail'
       const nextData = {
         year: this.chartBinding.generation.status.year,