优化保留业务数据提示

src/views/effect/DbSync.vue

@@ -8,27 +8,28 @@
     </el-alert>
     <div class="app-container" style="width:1000px; margin:0 auto;">
       <el-form ref="dataForm" :rules="rules" :model="temp" label-width="150px" style="margin-bottom:15px">
-        <el-form-item label="Namespace" prop="namespace">
+        <el-form-item label="Namespace：" prop="namespace">
           <el-select v-model="temp.namespace" placeholder="要同步的数据库所在环境" filterable clearable style="width: 300px">
             <el-option v-for="item in namespaceList" :value="item.name" :label="item.name" :key="item.name" />
           </el-select>
         </el-form-item>
-        <el-form-item label="数据库名" prop="dbName">
+        <el-form-item label="数据库名：" prop="dbName">
           <el-select v-model="temp.dbName" filterable clearable style="width: 300px" placeholder="要同步的数据库名称"
             @change="dbChange">
             <el-option v-for="item in dbNameList" :value="item" :label="item" :key="item" />
           </el-select>
         </el-form-item>
-        <el-form-item label="表名:" prop="tableName">
+        <el-form-item label="表名：" prop="tableName">
           <el-select v-model="temp.tableName" placeholder="要同步的表名" style="width:300px" filterable clearable>
             <el-option v-for="item in tableList" :key="item" :label="item" :value="item">
             </el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="是否保留业务数据">
-          <el-switch v-model="temp.notDeleteBusinessData" style="margin-right:280px" />
-          <span 是否保留当前已经存在的测试数据 />
-        </el-form-item>
+        <el-tooltip class="item" effect="dark" content="是否仅将线上的表结构同步到测试库，且仍保留测试环境的业务数据" placement="bottom-start">
+          <el-form-item label="是否保留业务数据：" prop="notDeleteBusinessData">
+            <el-switch v-model="temp.notDeleteBusinessData" style="margin-right:280px" active-text="是" inactive-text="否"/>
+          </el-form-item>
+        </el-tooltip>
       </el-form>
 
       <div style="margin-left:420px">