diff --git a/cclqms-vue/src/views/modules/qc/QcDataAcquisitionDialog.vue b/cclqms-vue/src/views/modules/qc/QcDataAcquisitionDialog.vue
index f5d211c..bcfcb70 100644
--- a/cclqms-vue/src/views/modules/qc/QcDataAcquisitionDialog.vue
+++ b/cclqms-vue/src/views/modules/qc/QcDataAcquisitionDialog.vue
@@ -29,13 +29,12 @@
         align="center"
         width="140">
         <template slot-scope="scope">
-          <el-select
+          <el-switch
             v-model="scope.row.collectFlag"
-            size="mini"
-            class="collect-flag-select">
-            <el-option :label="$t('qc.common.yes')" :value="true"></el-option>
-            <el-option :label="$t('qc.common.no')" :value="false"></el-option>
-          </el-select>
+            :active-text="$t('qc.common.yes')"
+            :inactive-text="$t('qc.common.no')"
+            class="collect-flag-switch">
+          </el-switch>
         </template>
       </el-table-column>
     </el-table>
@@ -175,11 +174,29 @@ export default {
   height: auto !important;
   line-height: normal !important;
   overflow: visible !important;
-  padding-top: 6px;
-  padding-bottom: 6px;
+  padding-top: 8px;
+  padding-bottom: 8px;
 }
 
-.qc-data-acquisition-dialog .collect-flag-select {
-  width: 90px;
+.qc-data-acquisition-dialog .collect-flag-switch {
+  display: inline-flex;
+  align-items: center;
+  height: 20px;
+  line-height: 20px;
+}
+
+.qc-data-acquisition-dialog .collect-flag-switch .el-switch__core {
+  margin: 0;
+}
+
+.qc-data-acquisition-dialog .collect-flag-switch .el-switch__label {
+  height: 20px;
+  line-height: 20px;
+  font-size: 12px;
+}
+
+.qc-data-acquisition-dialog .collect-flag-switch .el-switch__label * {
+  font-size: 12px;
+  line-height: 20px;
 }
 </style>