import { ref, onMounted, onUnmounted } from 'vue';
|
|
// Interfaces mapping from Delphi structures
|
interface TPoint {
|
X: number;
|
Y: number;
|
}
|
|
interface TErrListItem {
|
content: string;
|
index: string;
|
}
|
|
export function useErrListLogic() {
|
// State from Delphi variables
|
const errListItems = ref<TErrListItem[]>([
|
// Mock data for display
|
{ content: '測試錯誤原因1', index: 'Item_1' },
|
{ content: '測試錯誤原因2', index: 'Item_2' }
|
]);
|
const selectedItemIndex = ref<number>(-1);
|
const isDeleteEnabled = ref<boolean>(false);
|
|
const siteIndex = ref<number>(0);
|
const siteTotal = ref<number>(0);
|
const isSitePreEnabled = ref<boolean>(false);
|
const isSiteNextEnabled = ref<boolean>(false);
|
const SiteList = ref<string[]>([]); // TStringlist
|
|
const relaSiteIndex = ref<number>(0);
|
const relaSiteTotal = ref<number>(0);
|
const isRelaPreEnabled = ref<boolean>(false);
|
const isRelaNextEnabled = ref<boolean>(false);
|
const RelaSiteList = ref<string[]>([]); // TStringlist
|
|
const showPanel6 = ref<boolean>(true); // Splitter visibility for related images
|
const showNoteBtn = ref<boolean>(false);
|
const showRejectBtn = ref<boolean>(false);
|
|
const Ingnore = ref<boolean>(false);
|
const NowIndex = ref<string>('');
|
|
const iniPath = ref<string>(''); // Should be injected or configured
|
const MyHotkeyid1 = ref<number>(0);
|
|
// Point structures
|
const UpLPoint = ref<TPoint>({ X: 0, Y: 0 });
|
const UpRPoint = ref<TPoint>({ X: 0, Y: 0 });
|
const DownLPoint = ref<TPoint>({ X: 0, Y: 0 });
|
const DownRPoint = ref<TPoint>({ X: 0, Y: 0 });
|
|
const UpLPoint_Rela = ref<TPoint>({ X: 0, Y: 0 });
|
const UpRPoint_Rela = ref<TPoint>({ X: 0, Y: 0 });
|
const DownLPoint_Rela = ref<TPoint>({ X: 0, Y: 0 });
|
const DownRPoint_Rela = ref<TPoint>({ X: 0, Y: 0 });
|
|
// Hotkey simulation mapped from WMHotKey
|
const WMHotKey = (e: KeyboardEvent) => {
|
if (e.ctrlKey && e.key.toLowerCase() === 'd' && isDeleteEnabled.value) {
|
e.preventDefault();
|
DeleteBtClick();
|
}
|
};
|
|
onMounted(() => {
|
window.addEventListener('keydown', WMHotKey);
|
InitialData();
|
});
|
|
onUnmounted(() => {
|
window.removeEventListener('keydown', WMHotKey);
|
});
|
|
const selectItem = (index: number) => {
|
selectedItemIndex.value = index;
|
ErrListLVClick();
|
};
|
|
// Delphi Methods
|
const InitialData = () => {
|
isSitePreEnabled.value = false;
|
isSiteNextEnabled.value = false;
|
isRelaPreEnabled.value = false;
|
isRelaNextEnabled.value = false;
|
|
SiteList.value = [];
|
RelaSiteList.value = [];
|
|
siteIndex.value = 1;
|
siteTotal.value = 0;
|
relaSiteIndex.value = 1;
|
relaSiteTotal.value = 0;
|
|
isDeleteEnabled.value = false;
|
};
|
|
const GetOMRErrini = (Index: string) => {
|
console.log(`Getting OMR Err INI for index: ${Index}`);
|
|
// Mock data population based on index
|
SiteList.value = ['Site1', 'Site2'];
|
RelaSiteList.value = ['Rela1'];
|
Ingnore.value = true;
|
|
siteTotal.value = SiteList.value.length;
|
relaSiteTotal.value = RelaSiteList.value.length;
|
|
if (RelaSiteList.value.length > 0) {
|
showPanel6.value = true;
|
} else {
|
showPanel6.value = false;
|
}
|
|
if (SiteList.value.length > 1) isSiteNextEnabled.value = true;
|
if (RelaSiteList.value.length > 1) isRelaNextEnabled.value = true;
|
|
isDeleteEnabled.value = Ingnore.value;
|
|
// Mock showing first errors
|
if (SiteList.value.length > 0) ShowOMRErr(siteIndex.value);
|
if (RelaSiteList.value.length > 0) ShowRelaOMRErr(relaSiteIndex.value);
|
};
|
|
const ErrListLVClick = () => {
|
InitialData();
|
if (selectedItemIndex.value === -1 || !errListItems.value[selectedItemIndex.value]) return;
|
|
NowIndex.value = errListItems.value[selectedItemIndex.value].index;
|
GetOMRErrini(NowIndex.value);
|
};
|
|
const ErrListLVKeyUp = (e: KeyboardEvent) => {
|
if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {
|
ErrListLVClick();
|
}
|
};
|
|
const ErrListLVMouseDown = (e: MouseEvent) => {
|
// Right click
|
if (e.button === 2) {
|
ErrListLVClick();
|
}
|
};
|
|
const DeleteBtClick = () => {
|
InitialData();
|
if (Ingnore.value) {
|
console.log(`Writing Del=True to INI for ${NowIndex.value}`);
|
|
const idx = selectedItemIndex.value;
|
if (idx !== -1) {
|
errListItems.value.splice(idx, 1);
|
|
if (errListItems.value.length === 0) {
|
console.log('All errors deleted, enabling Immediate button and writing OMRCheckOk.dat');
|
} else {
|
selectedItemIndex.value = Math.min(idx, errListItems.value.length - 1);
|
ErrListLVClick();
|
}
|
}
|
} else {
|
alert('此項目不可刪除或已無可刪除項目');
|
}
|
};
|
|
const EnforceBtClick = () => {
|
InitialData();
|
let deletedAny = false;
|
|
for (let i = errListItems.value.length - 1; i >= 0; i--) {
|
const itemIgnorable = true;
|
|
if (itemIgnorable) {
|
console.log(`Writing Del=True for ${errListItems.value[i].index}`);
|
errListItems.value.splice(i, 1);
|
deletedAny = true;
|
}
|
}
|
|
if (errListItems.value.length === 0 && deletedAny) {
|
console.log('All errors enforced, enabling Immediate button and writing OMRCheckOk.dat');
|
}
|
};
|
|
const ImmediateBtClick = () => {
|
console.log('ImmediateBtClick: ' + logTimeString() + ' 立即傳送');
|
closeForm('ok');
|
};
|
|
const ExitBtClick = () => {
|
closeForm('cancel');
|
};
|
|
const NoteBtClick = () => {
|
console.log('Ch_WriteNote = True');
|
closeForm('note');
|
};
|
|
const RejectBtClick = () => {
|
if (confirm('是否確定退件??')) {
|
console.log('RejectCase = True');
|
closeForm('reject');
|
}
|
};
|
|
const Button1Click = () => {
|
alert(`UpLPoint=${UpLPoint.value.X},${UpLPoint.value.Y}\n` +
|
`UpRPoint=${UpRPoint.value.X},${UpRPoint.value.Y}\n` +
|
`DownLPoint=${DownLPoint.value.X},${DownLPoint.value.Y}\n` +
|
`DownRPoint=${DownRPoint.value.X},${DownRPoint.value.Y}`);
|
};
|
|
const SiteNextBtClick = () => {
|
siteIndex.value++;
|
ShowOMRErr(siteIndex.value);
|
|
isSitePreEnabled.value = false;
|
isSiteNextEnabled.value = false;
|
if (siteIndex.value > 1) isSitePreEnabled.value = true;
|
if (siteIndex.value < siteTotal.value) isSiteNextEnabled.value = true;
|
};
|
|
const SitePreBtClick = () => {
|
siteIndex.value--;
|
ShowOMRErr(siteIndex.value);
|
|
isSitePreEnabled.value = false;
|
isSiteNextEnabled.value = false;
|
if (siteIndex.value > 1) isSitePreEnabled.value = true;
|
if (siteIndex.value < siteTotal.value) isSiteNextEnabled.value = true;
|
};
|
|
const RelaNextBtClick = () => {
|
relaSiteIndex.value++;
|
ShowRelaOMRErr(relaSiteIndex.value);
|
|
isRelaPreEnabled.value = false;
|
isRelaNextEnabled.value = false;
|
if (relaSiteIndex.value > 1) isRelaPreEnabled.value = true;
|
if (relaSiteIndex.value < relaSiteTotal.value) isRelaNextEnabled.value = true;
|
};
|
|
const RelaPreBtClick = () => {
|
relaSiteIndex.value--;
|
ShowRelaOMRErr(relaSiteIndex.value);
|
|
isRelaPreEnabled.value = false;
|
isRelaNextEnabled.value = false;
|
if (relaSiteIndex.value > 1) isRelaPreEnabled.value = true;
|
if (relaSiteIndex.value < relaSiteTotal.value) isRelaNextEnabled.value = true;
|
};
|
|
const ShowOMRErr = (Idx: number) => {
|
if (Idx > SiteList.value.length) return;
|
console.log(`Showing OMR Error shape for index ${Idx}`);
|
};
|
|
const ShowRelaOMRErr = (RelaIdx: number) => {
|
if (RelaIdx > RelaSiteList.value.length) return;
|
console.log(`Showing Related OMR Error shape for index ${RelaIdx}`);
|
};
|
|
// Missing or external methods mapped
|
const logTimeString = (): string => {
|
const now = new Date();
|
const pad = (n: number) => (n < 10 ? '0' + n : n);
|
return `${now.getFullYear()}${pad(now.getMonth()+1)}${pad(now.getDate())} ${pad(now.getHours())}:${pad(now.getMinutes())}:${pad(now.getSeconds())} `;
|
};
|
|
const closeForm = (result: string) => {
|
console.log(`Form closing with result: ${result}`);
|
};
|
|
const startResize = (e: MouseEvent) => {
|
console.log('Splitter moving started');
|
};
|
|
return {
|
errListItems,
|
selectedItemIndex,
|
isDeleteEnabled,
|
|
siteIndex,
|
siteTotal,
|
isSitePreEnabled,
|
isSiteNextEnabled,
|
|
relaSiteIndex,
|
relaSiteTotal,
|
isRelaPreEnabled,
|
isRelaNextEnabled,
|
|
showPanel6,
|
showNoteBtn,
|
showRejectBtn,
|
|
selectItem,
|
ErrListLVClick,
|
ErrListLVKeyUp,
|
ErrListLVMouseDown,
|
DeleteBtClick,
|
EnforceBtClick,
|
ImmediateBtClick,
|
ExitBtClick,
|
SitePreBtClick,
|
SiteNextBtClick,
|
RelaPreBtClick,
|
RelaNextBtClick,
|
NoteBtClick,
|
RejectBtClick,
|
Button1Click,
|
startResize
|
};
|
}
|
