Skip to content

V
vue3_onlineEditor
Commit 1838dc67 by pangchong
Options

feat: 对比调整

parent 2e72ee26
Showing with 105 additions and 388 deletions
src/assets/file/Trans-Convert.xml
......@@ -2,7 +2,7 @@
<!--Arbortext, Inc., 1988-2013, v.4002-->
<!DOCTYPE JOBCARD PUBLIC "-//CEA-TEXT//DTD JOBCARD-VER1//EN" "JOBCARD.dtd" [
<!ENTITY nbsp "&#160;">
<!ENTITY rsquo "&#8217;">
<!ENTITY rsquo "&#8217;">
]>
<JOBCARD>
<EOTK-HEADER></EOTK-HEADER>
......@@ -26,19 +26,6 @@
</NOTE>
<SIGNOFF/>
</STEP>
<STEP CK-LEVEL="C">
<EFFECT EFFRG="001999"></EFFECT>
<RECORD-LINE>
<PARAC>发动机序号</PARAC>
<PARA>Engine SN</PARA>
<RECORD></RECORD>
</RECORD-LINE>
<NOTE>
<PARAC>开始工作前请记录。</PARAC>
<PARA>Please record before starting work.</PARA>
</NOTE>
<SIGNOFF/>
</STEP>
</TOPIC>
<TOPIC CK-LEVEL="C">
<TITLEC>工作准备</TITLEC>
......@@ -368,337 +355,37 @@
</STEP>
</TOPIC>
<TOPIC CK-LEVEL="C">
<TITLEC>工作步骤</TITLEC>
<TITLE>PROCEDURE</TITLE>
<STEP>
<EFFECT EFFRG="001999"></EFFECT>
<PARAC>发动机QEC拆卸</PARAC>
<PARA>Remove the Engine's QEC</PARA>
<TITLEC>收尾</TITLEC>
<TITLE>CLOSE UP</TITLE>
<SUBTASK CHAPNBR="99" FUNC="999" KEY="EN-SF874" SECTNBR="99" SEQ="999" SUBJNBR="99">
<LIST1>
<L1ITEM>
<LIST2>
<L2ITEM>
<PARAC>拆卸EBU风扇机匣支架，按EM TASK 71-00-02-000-026-B00。</PARAC>
<PARA>Ref. EM TASK 71-00-02-000-026-B00 (A5-PPBU) - Remove The EBU Fan Case Brackets, Removal-026.</PARA>
</L2ITEM>
<L2ITEM>
<PARAC>拆卸EBU风扇机匣支架，按EM TASK 71-00-02-000-026-B00--EDC。</PARAC>
<PARA>Ref. EM TASK 71-00-02-000-026-B00 (A5-PPBU) - Remove The EBU Fan Case Brackets, Removal-026--EDC.</PARA>
</L2ITEM>
<L2ITEM>
<PARAC>拆卸低压中压机匣支架，按EM TASK 71-00-02-000-027-B00。</PARAC>
<PARA>Ref. EM TASK 71-00-02-000-027-B00 (A5-PPBU) - Remove The LP Compressor/Intermediate Case Brackets, Removal-027.</PARA>
</L2ITEM>
</LIST2>
<SIGNOFF/>
</L1ITEM>
<L1ITEM>
<LIST2>
<L2ITEM>
<PARAC>拆卸防冰管(风扇机匣部分)，按 AMM TASK 30-21-49-000-010-B， AMM TASK 30-21-49-000-011-B， AMM TASK 30-21-49-000-012-B， AMM TASK 30-21-49-000-013-B， AMM TASK 30-21-49-000-014-B。</PARAC>
<PARA>DUCTS-ANTI ICE, Ref. AMM TASK 30-21-49-000-010-B， AMM TASK 30-21-49-000-011-B， AMM TASK 30-21-49-000-012-B， AMM TASK 30-21-49-000-013-B， AMM TASK 30-21-49-000-014-B.</PARA>
<NOTE>
<PARAC>防冰管隔热罩与防冰管一同拆下。</PARAC>
<PARA>Anti-ice Duct heat shield and Anti-ice Duct together remove.</PARA>
</NOTE>
<SIGNOFF/>
</L2ITEM>
<L2ITEM>
<PARAC>拆卸防冰活门，按AMM TASK 30-21-51-000-010-B。</PARAC>
<PARA>Ref.Removal of the Engine Air Intake Anti-ice Valve AMM TASK 30-21-51-000-010-B.</PARA>
<SIGNOFF/>
</L2ITEM>
</LIST2>
</L1ITEM>
<L1ITEM>
<LIST2>
<L2ITEM>
<PARAC>拆卸IDG，按AMM TASK 24-21-51-000-010-A。</PARAC>
<PARA>Removal of the Integrated Drive Generator -IDG 1(2),Ref.AMM TASK&nbsp;24-21-51-000-010-A.</PARA>
<SIGNOFF/>
</L2ITEM>
<L2ITEM>
<PARAC>拆卸IDG QAD，按AMM TASK&nbsp;24-21-41-000-010-A。</PARAC>
<PARA>Removal of the Quick Attach/Detach (QAD) Adapter of the IDG.Ref. AMM TASK&nbsp;24-21-41-000-010-A.</PARA>
<NOTE>
<PARAC>QEC中的IDG QAD由于备发已补齐，拆卸时可根据实际备发缺件情况完成。</PARAC>
<PARA>IDG QAD can be disassembled according to the actual situation of spare engines because of spare engines have a complete IDG QAD.</PARA>
</NOTE>
<SIGNOFF/>
</L2ITEM>
<L2ITEM>
<PARAC>拆卸IDG导线，按AMM TASK&nbsp;24-21-43-000-010-A。</PARAC>
<PARA>Removal of the IDG Cables.Ref. AMM TASK&nbsp;24-21-43-000-010-A.</PARA>
<SIGNOFF/>
</L2ITEM>
</LIST2>
</L1ITEM>
<L1ITEM>
<LIST2>
<L2ITEM>
<PARAC>拆卸液压泵及液压油滤组件。</PARAC>
<PARA>Removal of the Engine Pump and Engine-Pump Case-Drain Filter.</PARA>
<LIST3>
<L3ITEM>
<PARAC>按EM TASK 71-00-02-000-019 或</PARAC>
<PARAC>AMM TASK&nbsp;29-11-51-000-010-A Removal of the Engine Pump</PARAC>
<PARAC>AMM TASK&nbsp;29-11-43-000-010-A Removal of the Engine-Pump Case-Drain Filter</PARAC>
</L3ITEM>
</LIST3>
<SIGNOFF/>
</L2ITEM>
<L2ITEM>
<PARAC>拆卸液压泵管路。</PARAC>
<PARA>Remove The Hydraulic Tubes.</PARA>
<LIST3>
<L3ITEM>
<PARAC>按EM TASK 71-00-02-000-012-B00 或</PARAC>
<PARAC>AMM TASK&nbsp;29-11-49-000-010-A Removal of the Hydraulic Suction Tubes</PARAC>
<PARAC>AMM TASK&nbsp;29-11-49-000-011-A Removal of the Hydraulic Pressure Tubes</PARAC>
<PARAC>AMM TASK&nbsp;29-11-49-000-012-A Removal of the Hydraulic Case Drain Tubes</PARAC>
</L3ITEM>
</LIST3>
<SIGNOFF/>
</L2ITEM>
<L2ITEM>
<PARAC>拆卸低压电门，按AMM TASK&nbsp;29-11-17-000-010-A Removal of the Engine Pump Pressure Switch。</PARAC>
<PARA>Removal of the Engine Pump Pressure Switch ref.AMM TASK&nbsp;29-11-17-000-010-A.</PARA>
</L2ITEM>
<L2ITEM>
<PARAC>拆下转接头（P/N:740-5777-501，AIPC 29-11-17-80A，ITEM 030）。</PARAC>
<PARA>Removal of the ADAPTOR.</PARA>
</L2ITEM>
<SIGNOFF/>
</LIST2>
</L1ITEM>
<L1ITEM>
<PARAC>拆卸附件区域火警线，按EM TASK 71-00-02-000-018-B00或AMM TASK&nbsp;26-12-15-000-010-B。</PARAC>
<PARA>Ref. EM TASK 71-00-02-000-018-B00 (A5-PPBU) or AMM TASK&nbsp;26-12-15-000-010-B- Remove The Accessory Zone Fire Detector.</PARA>
<SIGNOFF/>
</L1ITEM>
<L1ITEM>
<PARAC>拆卸核心机空气系统和空气系统传感器管路。</PARAC>
<PARA>Remove The Cabin Bleed Air System Ducts, Valves And Air System Sense Tubes.</PARA>
<LIST2>
<L2ITEM>
<PARAC>按EM TASK 71-00-02-000-015-B00 或</PARAC>
<PARAC>AMM TASK&nbsp;36-11-49-000-010-B Removal of the Upper Bleed Air Duct；</PARAC>
<PARAC>AMM TASK&nbsp;36-11-49-000-011-B Removal of the Y-Intersection Bleed Air Duct；</PARAC>
<PARAC>AMM TASK&nbsp;36-11-49-000-012-B Removal of the Lower Bleed Air Duct；</PARAC>
<PARAC>AMM TASK&nbsp;36-11-52-000-010-B Removal of the Bleed Pressure-Regulator Valve；</PARAC>
<PARAC>AMM TASK&nbsp;36-11-41-000-010-A Removal of the Intermediate Pressure (IP) Bleed Check Valve；</PARAC>
<PARAC>AMM TASK&nbsp;36-11-51-000-010-A Removal of the HP Bleed Valve；</PARAC>
<PARAC>AMM TASK&nbsp;36-21-49-000-010-B Removal of the Pressure Indicating Tubes。</PARAC>
</L2ITEM>
</LIST2>
<SIGNOFF/>
</L1ITEM>
<L1ITEM>
<LIST2>
<L2ITEM>
<PARAC>拆卸起动机，起动活门及起动空气管路。</PARAC>
<PARA>Remove The Pneumatic Starter Ducts, The Pneumatic Starter And The Pneumatic Starter Valve.</PARA>
<LIST3>
<L3ITEM>
<PARAC>按EM TASK 71-00-02-000-014-B00 或</PARAC>
<PARAC>AMM TASK&nbsp;80-13-41-000-010-A Removal of the Starter</PARAC>
<PARAC>AMM TASK&nbsp;80-13-51-000-010-B Removal of the Pneumatic Starter Valve</PARAC>
<PARAC>AMM TASK&nbsp;80-13-49-000-010-B Removal of the Starter Duct</PARAC>
</L3ITEM>
</LIST3>
<SIGNOFF/>
</L2ITEM>
<L2ITEM>
<PARAC>拆卸起动机底座，按EM TASK 71-00-02-000-017。</PARAC>
<PARA>Ref.EM TASK 71-00-02-000-017 (A1/A5-PPBU) - Remove The Pneumatic Starter And Housing Adapter.</PARA>
</L2ITEM>
</LIST2>
<SIGNOFF/>
</L1ITEM>
<L1ITEM>
<PARAC>拆卸核心机导线，按EM TASK 71-00-02-000-013-B00 或 AMM TASK&nbsp;71-52-41-000-010-B。</PARAC>
<PARA>Ref.EM TASK 71-00-02-000-013-B00 (A5-PPBU) or AMM TASK&nbsp;71-52-41-000-010-B- Remove The Fire Detection, The Nacelle Temperature And Cabin Services Harnesses.</PARA>
<NOTE>
<PARAC>QEC中的核心机导线由于备发已补齐，拆卸时可根据实际备发缺件情况完成。</PARAC>
<PARA>Core harnesses can be disassembled according to the actual situation of spare engines because of spare engines have a complete Core harnesses.</PARA>
</NOTE>
<SIGNOFF/>
</L1ITEM>
<L1ITEM>
<PARAC>拆卸余油盒，中介机匣以及低压压气机匣的余油管路。</PARAC>
<PARA>Remove The Drains Mast And The LP Compressor/Intermediate Case Module Drains.</PARA>
<LIST2>
<L2ITEM>
<PARAC>按EM TASK 71-00-02-000-021-B00 或</PARAC>
<PARAC>AMM TASK&nbsp;71-71-42-000-010-A Removal of the Drains Mast</PARAC>
<PARAC>AMM TASK&nbsp;71-71-43-000-010-A Removal of the Drain Tubes</PARAC>
</L2ITEM>
</LIST2>
<RECORD-LINE>
<PARAC>故障处理单记录:</PARAC>
<PARA>Non-routine card record：</PARA>
<RECORD MANDATORY="N" MULTI="N" TAG="SMNRC"></RECORD>
</RECORD-LINE>
<RECORD-LINE>
<PARAC>缺陷处理单记录:</PARAC>
<PARA>Defect card record：</PARA>
<RECORD></RECORD>
</RECORD-LINE>
<NOTE>
<PARAC>QEC中的余油盒，余油管路由于备发已补齐，拆卸时可根据实际备发缺件情况完成。</PARAC>
<PARA>Drains Mast and Drain Tubes can be disassembled according to the actual situation of spare engines because of spare engines have a complete Drains Mast and Drain Tubes.</PARA>
<PARAC>对实施工作中生成的故障/缺陷处理单，工作者应记录处理单号及相应的工序。完成的故障/缺陷处理单与本工作单卡一并保存。 如未生成故障/缺陷处理单，工作者应在记录中注明。</PARAC>
<PARA>For Non-routine cards found during the work process, the mechanic should note down the report; Non-routine card number and the corresponding work procedure. The Non-routine card should be kept together with this generating task card.N/A should be written if no such report sheet is generated.</PARA>
</NOTE>
<SIGNOFF/>
</L1ITEM>
<L1ITEM>
<PARAC>拆卸核心区火警探测器及短舱温度探测器。</PARAC>
<PARA>Remove The Core Fire Detectors and Nacelle Temperature Sensor.</PARA>
<LIST2>
<L2ITEM>
<PARAC>按EM TASK 71-00-02-000-001-B00 或</PARAC>
<PARAC>AMM TASK&nbsp;26-12-17-000-010-A Removal of the Core Fire Detectors</PARAC>
<PARAC>AMM TASK&nbsp;75-41-15-000-010-B Removal of the Nacelle Temperature Sensor</PARAC>
</L2ITEM>
</LIST2>
<SIGNOFF/>
</L1ITEM>
<L1ITEM>
<PARAC>拆卸锁销开关，按EM TASK 71-00-02-000-020-B00 或 AMM TASK&nbsp;78-32-56-000-010-A。</PARAC>
<PARA>Ref.EM TASK 71-00-02-000-020-B00 (A5-PPBU) or AMM TASK&nbsp;78-32-56-000-010-A Remove The Open Latch Indicator.</PARA>
<SIGNOFF/>
</L1ITEM>
<L1ITEM>
<PARAC>拆卸燃油供油管，按EM TASK 71-00-02-000-022-B00 或AMM TASK&nbsp;73-11-48-000-010-A。</PARAC>
<PARA>Ref.EM TASK 71-00-02-000-022-B00 (A5-PPBU) or AMM TASK&nbsp;73-11-48-000-010-A Removal of the Power Plant Flexible Fuel Tubes.</PARA>
<SIGNOFF/>
</L1ITEM>
<L1ITEM>
<PARAC>拆卸油气分离器通气管，按EM TASK 71-00-02-000-023-B00或AMM TASK&nbsp;72-61-49-000-010-B。</PARAC>
<PARA>Ref.EM TASK 71-00-02-000-023-B00 (A5-PPBU) or AMM TASK&nbsp;72-61-49-000-010-B Remove The Gearbox Deoiler Breather Duct (GBOD).</PARA>
<SIGNOFF/>
</L1ITEM>
<L1ITEM>
<PARAC>拆卸P2/T2探头软管组件，按EM TASK 71-00-02-000-009或AMM TASK&nbsp;73-22-48-000-010-A。</PARAC>
<PARA>Ref.EM TASK 71-00-02-000-009 (A1/A5-PPBU) or AMM TASK&nbsp;73-22-48-000-010-A Remove The P2/T2 Probe Hose Assembly.</PARA>
<SIGNOFF/>
</L1ITEM>
<L1ITEM>
<PARAC>拆卸尾喷承力座，按EM TASK 71-00-02-000-025。</PARAC>
<PARA>Ref.EM TASK 71-00-02-000-025 (A1/A5-PPBU) - Remove The Load Share Fittings.</PARA>
<SIGNOFF/>
</L1ITEM>
<L1ITEM>
<PARAC>结束工作</PARAC>
<PARA>Finish Work</PARA>
<LIST2>
<L2ITEM>
<PARAC>按照EB-2020-V250-70-201最新版，完成发动机的入库检查。</PARAC>
<PARA>Finish the engine incoming check ref thelatest version of EB-2020-V250-70-201.</PARA>
</L2ITEM>
<L2ITEM>
<PARAC>将发动机拖离工作位。参考EM TASK 71-00-00-560-002。</PARAC>
<PARA>Drag the engine off the working position. Ref EM TASK 71-00-00-560-002 Move The Engine From The Support Pedestals To The Transportation Stand, Handling-002.</PARA>
</L2ITEM>
<L2ITEM>
<PARAC>在发动机安装托架工作结束后，需按照EB-2016-V250-72-202最新版中的要求完成托架的检查与上传。</PARAC>
<PARA>After the engine mounting bracket is finished, Inspection on stand of engine transportation according to the requirements of EB-2016-V250-72-202 the latest version.</PARA>
</L2ITEM>
</LIST2>
<SIGNOFF/>
</L1ITEM>
</LIST1>
</STEP>
<STEP>
<EFFECT EFFRG="001999"></EFFECT>
<PARAC>发动机QEC零件故检，清洗，集件和导线修理</PARAC>
<PARA>Remove the Engine's QEC</PARA>
<LIST1>
<L1ITEM>
<PARAC>使用清洗剂清洗拆下QEC件</PARAC>
<PARA>Clean all QEC parts with cleanser.</PARA>
</L1ITEM>
<L1ITEM>
<PARAC>检查右侧空气系统管路，对开口处堵上堵盖。参考EM 71-00-02。</PARAC>
<PARA>Inspect the air system tubes which installed on the engine&rsquo;s right side, Ref EM manual 71-00-02.</PARA>
</L1ITEM>
<L1ITEM>
<PARAC>检查右侧灭火系统管路，对开口处堵上堵盖。参考EM 71-00-02。</PARAC>
<PARA>Inspect the system tubes which installed on the engine&rsquo;s right side, Ref EM manual 71-00-02.</PARA>
</L1ITEM>
<L1ITEM>
<PARAC>检查左侧液压系统管路，对开口处堵上堵盖。参考EM 71-00-02。</PARAC>
<PARA>Inspect the hydraulic system tubes and hoses which installed on the engine&rsquo;s right side, Ref EM manual 71-00-02.</PARA>
</L1ITEM>
<L1ITEM>
<PARAC>检查右侧燃油总管，对开口处堵上堵盖。参考EM 71-00-02。</PARAC>
<PARA>Inspect the main fuel supply hose tubes which installed on the engine&rsquo;s right side, Ref EM manual 71-00-02.</PARA>
</L1ITEM>
<L1ITEM>
<PARAC>检查右侧启动系统管路，对开口处堵上堵盖。参考EM 71-00-02。</PARAC>
<PARA>Inspect the start system tubes which installed on the engine&rsquo;s right side, Ref EM manual 71-00-02.</PARA>
</L1ITEM>
<L1ITEM>
<PARAC>目视检查IDG。对开口处堵上堵盖。</PARAC>
<PARA>Visual inspect IDG.</PARA>
</L1ITEM>
<L1ITEM>
<PARAC>目视检查液压泵。</PARAC>
<PARA>Visual inspect hydraulic pump.</PARA>
</L1ITEM>
<L1ITEM>
<PARAC>目视检查高压活门。对开口处堵上堵盖。</PARAC>
<PARA>Visual inspect high pressure bleed valve.</PARA>
</L1ITEM>
<L1ITEM>
<PARAC>目视检查调压活门。对开口处堵上堵盖。</PARAC>
<PARA>Visual inspect pressure regulate valve.</PARA>
</L1ITEM>
<L1ITEM>
<PARAC>目视检查起动机。对开口处堵上堵盖。</PARAC>
<PARA>Visual inspect thrust reverse valve.</PARA>
</L1ITEM>
<L1ITEM>
<PARAC>目视检查防冰活门和管路。对开口处堵上堵盖。</PARAC>
<PARA>Visual inspect anti-ice valve and tubes.</PARA>
</L1ITEM>
<L1ITEM>
<PARAC>目视检查所有安装卡圈。参考EM 71-00-02。</PARAC>
<PARA>Visual inspect all the clamps, ref EM manual 71-00-02.</PARA>
</L1ITEM>
<L1ITEM>
<PARAC>目视检查所有支架。参考EM手册71-00-02。</PARAC>
<PARA>Visual inspect all the brackets, ref EM manual 71-00-02.</PARA>
</L1ITEM>
<L1ITEM>
<PARAC>一般目视检查导线及卡子组件，如有故障填写故障处理单并进行排故处理，给未连接插头堵上堵盖。</PARAC>
<PARA>Inspect the wires and clamps, if anything wrong is found, please fill the maintenance fault table.</PARA>
<RECORD-LINE>
<PARAC>最终工作结论:</PARAC>
<PARA>Final conclusion:</PARA>
<RECORD></RECORD>
<PARAC>完成日期:</PARAC>
<PARA>Date accomplished:</PARA>
<RECORD MANDATORY="N" TAG="SMCMPDT"></RECORD>
</RECORD-LINE>
</L1ITEM>
</LIST1>
<SIGNOFF/>
</STEP>
</SUBTASK>
</TOPIC>
<!-- <TOPIC CK-LEVEL="C">-->
<!-- <TITLEC>收尾</TITLEC>-->
<!-- <TITLE>CLOSE UP</TITLE>-->
<!-- <SUBTASK CHAPNBR="99" FUNC="999" KEY="EN-SF874" SECTNBR="99" SEQ="999" SUBJNBR="99">-->
<!-- <LIST1>-->
<!-- <L1ITEM>-->
<!-- <RECORD-LINE>-->
<!-- <PARAC>故障处理单记录:</PARAC>-->
<!-- <PARA>Non-routine card record：</PARA>-->
<!-- <RECORD MANDATORY="N" MULTI="N" TAG="SMNRC"></RECORD>-->
<!-- </RECORD-LINE>-->
<!-- <RECORD-LINE>-->
<!-- <PARAC>缺陷处理单记录:</PARAC>-->
<!-- <PARA>Defect card record：</PARA>-->
<!-- <RECORD></RECORD>-->
<!-- </RECORD-LINE>-->
<!-- <NOTE>-->
<!-- <PARAC>对实施工作中生成的故障/缺陷处理单，工作者应记录处理单号及相应的工序。完成的故障/缺陷处理单与本工作单卡一并保存。 如未生成故障/缺陷处理单，工作者应在记录中注明。</PARAC>-->
<!-- <PARA>For Non-routine cards found during the work process, the mechanic should note down the report; Non-routine card number and the corresponding work procedure. The Non-routine card should be kept together with this generating task card.N/A should be written if no such report sheet is generated.</PARA>-->
<!-- </NOTE>-->
<!-- <RECORD-LINE>-->
<!-- <PARAC>最终工作结论:</PARAC>-->
<!-- <PARA>Final conclusion:</PARA>-->
<!-- <RECORD></RECORD>-->
<!-- <PARAC>完成日期:</PARAC>-->
<!-- <PARA>Date accomplished:</PARA>-->
<!-- <RECORD MANDATORY="N" TAG="SMCMPDT"></RECORD>-->
<!-- </RECORD-LINE>-->
<!-- </L1ITEM>-->
<!-- </LIST1>-->
<!-- <SIGNOFF/>-->
<!-- </SUBTASK>-->
<!-- </TOPIC>-->
</CEP>
</JOBCARD>
\ No newline at end of file
src/views/editor/components/Compare.vue
......@@ -11,14 +11,14 @@
<div class="choose-row bg-progressRailColor" ref="chooseRowRef"></div>
<GlobalEditor
ref="compareLeftRef"
v-model="compareLeftData"
v-model="compareData.xmlContentOld"
editorId="compareLeft"
:editorConfig="{ readOnly: true }"
@handleScrollTop="handleScrollTopLeft"
/>
<GlobalEditor
ref="compareRightRef"
v-model="compareRightData"
v-model="compareData.xmlContentNew"
editorId="compareRight"
:editorConfig="{ readOnly: true }"
@handleScrollTop="handleScrollTopRight"
......@@ -28,15 +28,7 @@
</template>
<script setup lang="ts">
import {
showCompare,
compareLeftRef,
compareRightRef,
compareLeftData,
compareRightData,
compareContainerRef,
chooseRowRef
} from '../constants/compare'
import { showCompare, compareLeftRef, compareRightRef, compareContainerRef, chooseRowRef, compareData } from '../constants/compare'
import { handleScrollTopLeft, handleScrollTopRight } from '../functions/compare'
</script>
<style lang="less" scoped>
......
src/views/editor/constants/compare.ts
import { NewTreeModification, OldTreeModification, TreeRenderResult } from '@/lib/XMLProcessor/src/typing'
export const showCompare = ref(false)
export const compareLeftRef = ref()
export const compareRightRef = ref()
export const compareLeftData = ref('')
export const compareRightData = ref('')
export const compareContainerRef = ref()
export const chooseRowRef = ref()
export const compareData = reactive<{
dataForNew: NewTreeModification
dataForOld: OldTreeModification
domOld: Document
domNew: Document
treeOld: TreeRenderResult[]
treeNew: TreeRenderResult[]
xmlContentOld: string
xmlContentNew: string
}>({
dataForNew: { Added: [] },
dataForOld: { Deleted: [] },
domOld: null as any,
domNew: null as any,
treeOld: [],
treeNew: [],
xmlContentOld: '',
xmlContentNew: ''
})
src/views/editor/functions/compare.ts
import { NewTreeModification, OldTreeModification, TreeRenderResult } from '@/lib/XMLProcessor/src/typing'
import { chooseRowRef, compareContainerRef, compareLeftRef, compareRightRef, showCompare } from '../constants/compare'
import { TreeRenderResult } from '@/lib/XMLProcessor/src/typing'
import { chooseRowRef, compareContainerRef, compareData, compareLeftRef, compareRightRef, showCompare } from '../constants/compare'
import { uniqBy } from 'lodash'
export const handleClickDom = (event: any) => {
......@@ -22,61 +22,65 @@ export const handleScrollTopRight = (event: Event) => {
compareLeftRef.value?.handleScrollTop(scrollTop)
chooseRowRef.value.style.height = '0px'
}
export const handleLeftDifferent = (dataForOld: OldTreeModification, treeNew: TreeRenderResult[]) => {
export const handleLeftDifferent = () => {
nextTick(() => {
const containerLeft = compareLeftRef.value?.editorRef.getEditableContainer()
const containerRight = compareRightRef.value?.editorRef.getEditableContainer()
//新增
uniqBy(dataForOld.Deleted, 'key').map((item: any) => {
const Added = compareData.dataForNew.Added.map((item) => compareNodeAllParent(compareData.treeNew, item.key))
uniqBy(compareData.dataForOld.Deleted, 'key').map((item: any) => {
debugger
const allParent = compareNodeAllParent(compareData.treeOld, item.key)
const node = containerLeft!.querySelector(`[data-key="${item.key}"]`)
//处理左边
node.classList.add('bg-errorColorSuppl')
//处理右边
const parentPath = item.chained.slice(0, item.chained.length - 1)
const index = item.chained[item.chained.length - 1]
const parentData = findNodeByChained(treeNew, parentPath)
const parentData = findNodeByChained(compareData.treeNew, parentPath)
const parentNode = containerRight!.querySelector(`[data-key="${parentData?.key}"]`)
// 创建一个新节点
const newDiv = document.createElement('div')
newDiv.style.height = `${node.offsetHeight}px`
newDiv.classList.add('bg-dividerColor')
parentNode && parentNode.insertBefore(newDiv, parentNode.childNodes[index])
})
if (Added.some((item) => JSON.stringify(item) === JSON.stringify(allParent))) {
//修改
dataForOld.Changed.map((item) => {
const node = containerLeft!.querySelector(`[data-key="${item.key}"]`)
if (node.childNodes.length == 1 && node.childNodes[0].nodeName == 'SPAN') {
node.classList.add('bg-warningColorSuppl')
}
} else {
//处理左边
node.classList.add('bg-errorColorSuppl')
//处理右边
const newDiv = document.createElement('div')
newDiv.style.height = `${node.offsetHeight}px`
newDiv.classList.add('bg-dividerColor')
parentNode && parentNode.insertBefore(newDiv, parentNode.childNodes[index])
}
})
})
}
export const handleRightDifferent = (dataForNew: NewTreeModification, treeOld: TreeRenderResult[]) => {
export const handleRightDifferent = () => {
nextTick(() => {
const containerLeft = compareLeftRef.value?.editorRef.getEditableContainer()
const containerRight = compareRightRef.value?.editorRef.getEditableContainer()
//新增
uniqBy(dataForNew.Added, 'key').map((item: any) => {
const Deleted = compareData.dataForOld.Deleted.map((item) => compareNodeAllParent(compareData.treeOld, item.key))
uniqBy(compareData.dataForNew.Added, 'key').map((item) => {
const allParent = compareNodeAllParent(compareData.treeNew, item.key)
const node = containerRight!.querySelector(`[data-key="${item.key}"]`)
//处理右边
node.classList.add('bg-errorColorSuppl')
//处理左边
const parentPath = item.chained.slice(0, item.chained.length - 1)
const index = item.chained[item.chained.length - 1]
const parentData = findNodeByChained(treeOld, parentPath)
const parentData = findNodeByChained(compareData.treeOld, parentPath)
const parentNode = containerLeft!.querySelector(`[data-key="${parentData?.key}"]`)
// 创建一个新节点
const newDiv = document.createElement('div')
newDiv.style.height = `${node.offsetHeight}px`
newDiv.classList.add('bg-dividerColor')
parentNode && parentNode.insertBefore(newDiv, parentNode.childNodes[index])
})
if (Deleted.some((item) => JSON.stringify(item) === JSON.stringify(allParent))) {
//修改
dataForNew.Changed.map((item: any) => {
const node = containerRight!.querySelector(`[data-key="${item.key}"]`)
if (node.childNodes.length == 1 && node.childNodes[0].nodeName == 'SPAN') {
node.classList.add('bg-warningColorSuppl')
}
} else {
//新增
//处理右边
node.classList.add('bg-errorColorSuppl')
//处理左边
const newDiv = document.createElement('div')
newDiv.style.height = `${node.offsetHeight}px`
newDiv.classList.add('bg-dividerColor')
parentNode && parentNode.insertBefore(newDiv, parentNode.childNodes[index])
}
})
})
}
......@@ -110,3 +114,21 @@ export const findNodeByChained = (data: TreeRenderResult[], targetChained: numbe
}
return null // 没有找到目标节点
}
//根据节点的key获取所有父节点的集合
export const compareNodeAllParent = (root: TreeRenderResult[], key: string) => {
function traverse(node: TreeRenderResult, currentPath: string[]): string[] | null {
currentPath.push(node.label)
if (node.key === key) {
return [...currentPath]
}
if (node.children) {
for (const child of node.children) {
const result = traverse(child, [...currentPath])
if (result) return result
}
}
return null
}
const result = traverse(root[0], [])
return result || []
}
src/views/editor/functions/index.ts
......@@ -3,7 +3,7 @@ import { IDomEditor } from '@wangeditor/editor'
import { treeData, treeRef, treeSelectedKeys } from '../constants/tree'
import { dropdownConfig, editorRef, editorHtml } from '../constants'
import { getUUID } from '@/utils'
import { compareLeftData, compareRightData, showCompare } from '../constants/compare'
import { compareData, showCompare } from '../constants/compare'
import TextA from '@/assets/file/CES-QEC-V250-A.xml?raw'
import TextB from '@/assets/file/Trans-Convert.xml?raw'
import { nodeSet, contentHoldNode } from '@/configs/node.config'
......@@ -102,10 +102,8 @@ export const compareXml = () => {
const xmlProcessing = useXMLProcessing()
const res = xmlProcessing.dualCompareFromString(TextA, TextB, nodeSet, contentHoldNode)
console.log(res)
//渲染数据
compareLeftData.value = res.xmlContentOld
compareRightData.value = res.xmlContentNew
Object.assign(compareData, res)
//比较数据
handleLeftDifferent(res.dataForOld, res.treeNew)
handleRightDifferent(res.dataForNew, res.treeOld)
handleLeftDifferent()
handleRightDifferent()
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment