112 lines
3.2 KiB
TypeScript
112 lines
3.2 KiB
TypeScript
//工程
|
|
import { ref, nextTick } from 'vue'
|
|
import type { Ref } from 'vue'
|
|
import { useParentChildLineNestedRowsFalse } from '#/components/db-hst/nestedRows'
|
|
|
|
// 用于存储 projectHstRef 的引用
|
|
let projectHstRef: Ref<any> | null = null
|
|
const selectedRow = ref<any>(null) // 记录当前选中的行
|
|
|
|
// 回调函数，供 config.vue 使用
|
|
let onCellMouseDownCallback: ((row: number | null) => void) | null = null
|
|
|
|
// 初始化函数，由 config.vue 调用
|
|
export function initProjectHst(hstRef: Ref<any>, callback?: (row: number | null) => void) {
|
|
projectHstRef = hstRef
|
|
onCellMouseDownCallback = callback || null
|
|
}
|
|
|
|
const { load: originalLoad, codeRenderer, handleRowOperation, initSchema, highlightDeselect } = useParentChildLineNestedRowsFalse({
|
|
getHotInstance: () => projectHstRef?.value?.hotInstance,
|
|
})
|
|
|
|
// 包装 load 函数，在加载前重置选中行
|
|
export function load(data: any[]) {
|
|
selectedRow.value = null
|
|
return originalLoad(data)
|
|
}
|
|
const columns:any[] = [
|
|
{type:'text',data:'number',title:'序号', width: 50, className: 'htCenter'},
|
|
{type:'text',data:'code',title:'编号',renderer: codeRenderer, code:true},
|
|
{type:'text',data:'name',title:'名称'},
|
|
{type:'text',data:'unit',title:'单位', width: 60, className: 'htCenter'},
|
|
{type:'text',data:'text1',title:'编码增加数', width: 100},
|
|
{type:'text',data:'text2',title:'尾节点', width: 100},
|
|
{type:'text',data:'text3',title:'子目编码增加数', width: 110},
|
|
]
|
|
|
|
export let dbSettings = {
|
|
data: [],
|
|
dataSchema: initSchema(columns),
|
|
colWidths: 160,
|
|
columns: columns,
|
|
rowHeaders: false,
|
|
nestedRows: false,
|
|
bindRowsWithHeaders: true,
|
|
contextMenu: {
|
|
items: {
|
|
custom_row_above: {
|
|
name: '在上方插入行',
|
|
callback: function() {
|
|
handleRowOperation(this, 'above')
|
|
}
|
|
},
|
|
custom_row_below: {
|
|
name: '在下方插入行',
|
|
callback: function() {
|
|
handleRowOperation(this, 'below')
|
|
}
|
|
},
|
|
separator1: '---------',
|
|
custom_add_child: {
|
|
name: '添加子行',
|
|
callback: function() {
|
|
handleRowOperation(this, 'child')
|
|
}
|
|
},
|
|
separator2: '---------',
|
|
remove_row: {
|
|
name: '删除行',
|
|
callback: function() {
|
|
handleRowOperation(this, 'delete')
|
|
}
|
|
},
|
|
// separator3: '---------',
|
|
// undo: {},
|
|
// redo: {}
|
|
}
|
|
},
|
|
currentRowClassName: 'row-highlight',
|
|
beforeOnCellMouseDown(event: MouseEvent, coords: any, TD: HTMLTableCellElement){
|
|
// 只能单击
|
|
if (event.button !== 0) {
|
|
return // 直接返回，不执行后续逻辑
|
|
}
|
|
selectedRow.value = coords
|
|
|
|
// 触发回调函数
|
|
if (onCellMouseDownCallback) {
|
|
onCellMouseDownCallback(selectedRow.value)
|
|
}
|
|
},
|
|
afterDeselect(){
|
|
highlightDeselect(this, selectedRow.value)
|
|
}
|
|
}
|
|
|
|
// 定义 topHstRef 的自定义右键菜单
|
|
export const contextMenuItems = [
|
|
{
|
|
key: 'row_above',
|
|
name: '新增行',
|
|
callback: (hotInstance: any) => {
|
|
// 执行新增行操作
|
|
handleRowOperation(hotInstance, 'append')
|
|
|
|
// 等待 DOM 更新后重新渲染以应用验证样式
|
|
nextTick(() => {
|
|
hotInstance.render()
|
|
})
|
|
}
|
|
},
|
|
] |