甘特图单元格点击事件

itdmWeb/src/components/module-iTDM/uGantt/index.vue

@@ -8,13 +8,14 @@
           stripe
           :cell-class-name="tableCellClassName"
           :header-cell-class-name="tableCellClassName"
-          @row-dblclick="rowDblclick"
           row-key="id"
           default-expand-all
           :tree-props="{children: 'children', hasChildren: 'hasChildren'}"
           @expand-change="expandChange"
           :row-style="{ height: uStyle.ganttHeight + 'px' }"
           :header-row-style="{ height: uStyle.ganttHeight + 'px' }"
+          @cell-click="cellClick"
+          @row-dblclick="rowDblclick"
           >
           <template v-for="(item, index) in configColumns">
             <el-table-column
@@ -686,6 +687,13 @@
         // this.currentDbEdit = JSON.parse(JSON.stringify(row))
         this.$emit('dbclick', JSON.parse(JSON.stringify(row)))
       },
+      // 单元格点击事件
+      cellClick(row,column,event,cell){
+        // console.log(row,column,event,cell)
+        const clickRow = JSON.parse(JSON.stringify(row))
+        const clickColumn = JSON.parse(JSON.stringify(column))
+        this.$emit('cellClick', clickRow, clickColumn)
+      },
       // 添加事件
       addRow(row, index){
         // console.log(row, index)

itdmWeb/src/views/module-iTDM/itdmGongdanMaster/uGantt2.vue

@@ -26,7 +26,7 @@
           <el-button type="primary" icon="el-icon-search" size="mini" @click="getHjlist">搜索</el-button>
         </el-form-item>
       </el-form>
-    <uGantt :configColumns="configColumns" :taskLists="taskLists" ref="uGantt" @dbclick="rowDblclick" :uStyle="uStyle" hasReality>
+    <uGantt :configColumns="configColumns" :taskLists="taskLists" ref="uGantt" @dbclick="rowDblclick" :uStyle="uStyle" hasReality @cellClick="cellClick">
       <!-- 其他需要自定义的弹窗数据 -->
       <!-- 双击事件弹窗 -->
       <el-dialog :title="title" :visible.sync="dialogVisible" width="45%">
@@ -302,6 +302,9 @@ export default {
   mounted () {
   },
   methods: {
+    cellClick(row, column){
+      console.log(row, column)
+    },
     // 获取设备日历
     getDeviceCalendar(){
       getDeviceCalendar().then((res) =>{