diff --git a/src/components/Dicom/DicomViewer.vue b/src/components/Dicom/DicomViewer.vue
index 1f46c05b..a1c101c8 100644
--- a/src/components/Dicom/DicomViewer.vue
+++ b/src/components/Dicom/DicomViewer.vue
@@ -101,9 +101,10 @@
             <option value="3x2">3x2</option>
             <option value="3x3">3x3</option>
           </select>
-          <div class="btnBox" v-if="hasAnonymous && hasPermi(['role:iqc'])" @click="openAnonymous">{{
-            $t('DicomViewer:anonymous:PixelAnonymity')
-          }}
+          <div :class="{ btnBox: true, activeBtnBox: isAnonymous }" v-if="hasAnonymous && hasPermi(['role:iqc'])"
+            @click="openAnonymous">{{
+              $t('DicomViewer:anonymous:PixelAnonymity')
+            }}
           </div>
         </div>
       </div>
@@ -1252,25 +1253,27 @@ export default {
     height: 40px;
     line-height: 30px;
     border-radius: 15px;
-    background-color: rgba(255, 255, 255, .3);
     cursor: pointer;
     padding: 5px 10px;
-    border: 1px solid rgba(255, 255, 255, .7);
-    color: #000;
-
-    &:hover {
-      background-color: rgba(255, 255, 255, .5);
-    }
+    color: #428bca;
+    background: #ecf3fa;
+    border-color: #b3d1ea;
   }
 
   .activeBtn {
-    background-color: #16477b90;
+    background: #428bca;
+    border-color: #428bca;
     color: #fff;
   }
 
-  .isNoted {
-    cursor: not-allowed;
-  }
+  // &:hover {
+  //   background-color: rgba(255, 255, 255, .5);
+  // }
+}
+
+
+.isNoted {
+  cursor: not-allowed;
 }
 </style>
 <style>
@@ -1322,13 +1325,21 @@ export default {
   height: 30px;
   line-height: 20px;
   border-radius: 15px;
-  background-color: rgba(255, 255, 255, .3);
+  color: #428bca;
+  background: #ecf3fa;
+  border-color: #b3d1ea;
   cursor: pointer;
   padding: 5px 10px;
   border: 1px solid rgba(255, 255, 255, .7);
   margin: 5px;
 }
 
+.dicom-tools .activeBtnBox {
+  background: #428bca;
+  border-color: #428bca;
+  color: #fff;
+}
+
 .dicom-wrapper .dicom-row {
   display: flex;
   flex-direction: row;
diff --git a/src/components/TrialsTab/index.vue b/src/components/TrialsTab/index.vue
index 8ec8eaab..7de46957 100644
--- a/src/components/TrialsTab/index.vue
+++ b/src/components/TrialsTab/index.vue
@@ -132,6 +132,9 @@ export default {
       let chartList = [
         '/trials/trials-panel/trial-summary/report-forms'
       ]
+      let dataSyncList = [
+        `/trials/trials-panel/trial-summary/data-sync`
+      ]
       var qualityList = [
         '/trials/trials-panel/visit/crc-question',
         '/trials/trials-panel/visit/qc-check',
@@ -147,6 +150,9 @@ export default {
         '/trials/trials-panel/trial-summary/image-inspect',
         '/trials/trials-panel/trial-summary/push-record',
       ]
+      if (this.$store.state.trials.config.TrialDataStoreType !== 1 && ~dataSyncList.indexOf(path)) {
+        isShow = false
+      }
       if (!this.$store.state.trials.config.IsExternalViewTrialChart && ~chartList.indexOf(path) && this.hasPermi(['role:cmm', 'role:cpm', 'role:ea', 'role:mc', 'role:smm', 'role:spm'])) {
         isShow = false
       }