refactor: 优化批量操作字段 #14169

core/core-frontend/src/locales/en.ts

@@ -2292,7 +2292,8 @@ Scatter chart (bubble) chart: {a} (series name), {b} (data name), {c} (value arr
     },
     batch_manage: 'Batch management',
     origin_name: 'Physical field name',
-    origin_type: 'Physical field type'
+    origin_type: 'Physical field type',
+    field_diff: 'The selected field types are inconsistent and do not support conversion'
   },
   deDataset: {
     search_by_name: 'Search by name',

core/core-frontend/src/locales/tw.ts

@@ -2235,7 +2235,8 @@ export default {
     },
     batch_manage: '批次管理',
     origin_name: '物理欄位名稱',
-    origin_type: '物理字段類型'
+    origin_type: '物理字段類型',
+    field_diff: '所選字段類型不一致，不支持轉換'
   },
   deDataset: {
     search_by_name: '透過名稱搜尋',

core/core-frontend/src/locales/zh-CN.ts

@@ -2237,7 +2237,8 @@ export default {
     },
     batch_manage: '批量管理',
     origin_name: '物理字段名',
-    origin_type: '物理字段类型'
+    origin_type: '物理字段类型',
+    field_diff: '所选字段类型不一致，不支持转换'
   },
   deDataset: {
     search_by_name: '通过名称搜索',

core/core-frontend/src/views/visualized/data/dataset/form/index.vue

@@ -13,6 +13,7 @@ import icon_switch_outlined from '@/assets/svg/icon_switch_outlined.svg'
 import icon_copy_outlined from '@/assets/svg/icon_copy_outlined.svg'
 import icon_deleteTrash_outlined from '@/assets/svg/icon_delete-trash_outlined.svg'
 import icon_edit_outlined from '@/assets/svg/icon_edit_outlined.svg'
+import icon_info_outlined from '@/assets/svg/icon_info_outlined.svg'
 import {
   ref,
   toRaw,
@@ -2201,6 +2202,16 @@ const getDsIconName = data => {
                     ></Icon>
                   </el-icon>
                 </span>
+                <el-tooltip class="item" effect="dark" placement="top">
+                  <template #content>
+                    <div>{{ t('dataset.field_diff') }}</div>
+                  </template>
+                  <el-icon size="16px" style="margin-left: 6px" v-show="!showCascaderBatch">
+                    <Icon name="icon_info_outlined"
+                      ><icon_info_outlined class="svg-icon tip-icon"
+                    /></Icon>
+                  </el-icon>
+                </el-tooltip>
               </div>
               <el-button
                 @click="dqTransArr('q')"
@@ -2821,6 +2832,12 @@ const getDsIconName = data => {
     position: relative;
     margin-left: 30%;
     width: 176px;
+    display: flex;
+    align-items: center;
+  }
+
+  .tip-icon {
+    color: #f54a45;
   }
 }