diff --git a/jero-web/src/views/documentTools/documentComparison/components/documentDataComparison.vue b/jero-web/src/views/documentTools/documentComparison/components/documentDataComparison.vue
index 51876de9c..6ee645982 100644
--- a/jero-web/src/views/documentTools/documentComparison/components/documentDataComparison.vue
+++ b/jero-web/src/views/documentTools/documentComparison/components/documentDataComparison.vue
@@ -51,6 +51,7 @@
                     </div>
                     <div class="detail-content-content-right-data-text" v-html="item.itemsText"></div>
                   </div>
+                  <JLoading :loading="loadingText">{{$t('dataLoading')}}</JLoading>
                 </div>
               </div>
             </div>
@@ -143,7 +144,7 @@
 </template>
 
 <script>
-  import { postAction, putAction } from '../../../../api/manage'
+  import { postAction, putAction, getAction } from '../../../../api/manage'
 
   export default {
     name: 'documentDataComparison',
@@ -152,6 +153,7 @@
         formInline: {},
         formInlineText: {},
         dataLoadingText: '',
+        loadingText:false,
         rules: {
           comment: [
             {
@@ -322,6 +324,7 @@
           detailLeft[num].classList.add('detail-content-content-right-data-color')
         }
         this.dataLeft = item
+        this.dataLeft.numIndex = num
         if (this.isMatching) {
           let detailRightColor = document.getElementsByClassName('detail-content-content-right-data-color-right')
           if (detailRightColor && detailRightColor.length > 0) {
@@ -335,6 +338,8 @@
               detailRight[item.targetStand].classList.add('detail-content-content-right-data-color-right')
               detailContent[0].scrollTop = detailRight[item.targetStand].offsetTop - 150
             }
+            this.dataRight.numIndex = item.targetStand
+            this.clauseComparison()
           }
         }
       },
@@ -352,6 +357,7 @@
           detailRight[num].classList.add('detail-content-content-right-data-color-right')
         }
         this.dataRight = item
+        this.dataRight.numIndex = num
         if (this.isMatching) {
           let detailLeftColor = document.getElementsByClassName('detail-content-content-right-data-color')
           if (detailLeftColor && detailLeftColor.length > 0) {
@@ -359,15 +365,34 @@
           }
           if (item.targetStand > -1) {
             this.dataLeft = this.resultData.textLeft[item.targetStand]
+            this.dataLeft.numIndex = item.targetStand
             let detailContent = document.getElementsByClassName('detail-content-content-right-top')
             let detailLeft = document.getElementsByClassName('detail-content-content-right-data')
             if (detailLeft && detailLeft.length > 0 && item.targetStand >= 0) {
               detailLeft[item.targetStand].classList.add('detail-content-content-right-data-color')
               detailContent[0].scrollTop = detailLeft[item.targetStand].offsetTop - 150
             }
+            this.clauseComparison()
+            // this.resultData = { ...this.resultData }
           }
         }
       },
+      clauseComparison() {
+        let query = {
+          leftId: this.dataLeft.id,
+          rightId: this.dataRight.id
+        }
+        this.loadingText = true
+        getAction('/compare/sarFileCompareItem/clauseComparison', query).then((res) => {
+          if (res.success) {
+            this.loadingText = false
+            this.resultData.textLeft[this.dataLeft.numIndex].itemsText = res.result[0]
+            this.resultData.textRight[this.dataRight.numIndex].itemsText = res.result[1]
+          }else{
+            this.loadingText = false
+          }
+        })
+      },
       onSelectLeft(selectedKeys, exports) {
         let node = exports.node.$vnode.data.props.dataRef
         let detailLeft = document.getElementsByClassName('detail-content-content-right-data')
@@ -642,4 +667,13 @@
     border: 1px red solid;
   }
 
+  ::v-deep .delClass {
+    background: #ff7168;
+    font-weight: 700;
+  }
+
+  ::v-deep .insertClass {
+    background: rgba(85, 183, 255, .6);
+    font-weight: 700;
+  }
 </style>
\ No newline at end of file