diff --git a/src/resources/assets/languages/page/en.json b/src/resources/assets/languages/page/en.json
index 4fa43bc3ff91681456a084895e5d029a6907f7c5..d380abd16b72dc9cbb8d1c7f9c54c3405c0f5201 100644
--- a/src/resources/assets/languages/page/en.json
+++ b/src/resources/assets/languages/page/en.json
@@ -1079,5 +1079,8 @@
   "paramkeyword": "Participate in search",
   "loglevel": "log level",
   "bluegreen": "Blue green execution",
-  "mailserver": "mail serve"
+  "mailserver": "mail serve",
+  "beforeconfig": "Pre conversion configuration",
+  "dataconfig": "data configuration",
+  "datachange": "data conversion"
 }
\ No newline at end of file
diff --git a/src/resources/assets/languages/page/zh.json b/src/resources/assets/languages/page/zh.json
index 7c447c9a2238bdff96d4b01e6de63146a04beed9..096c9a0544d593ba9b9d10c83c7adeaab98855a0 100644
--- a/src/resources/assets/languages/page/zh.json
+++ b/src/resources/assets/languages/page/zh.json
@@ -1081,5 +1081,8 @@
   "paramkeyword": "入参搜索",
   "loglevel": "日志级别",
   "bluegreen": "蓝绿执行",
-  "mailserver": "邮件服务"
+  "mailserver": "邮件服务",
+  "beforeconfig": "转换前配置",
+  "dataconfig": "数据配置",
+  "datachange": "数据转换"
 }
\ No newline at end of file
diff --git a/src/resources/assets/languages/zh.js b/src/resources/assets/languages/zh.js
index b0d78dc2abdca6f8cbb115ba6fb237789d727193..e439ed7471516a7b966b258bc9e29ae6357d210b 100644
--- a/src/resources/assets/languages/zh.js
+++ b/src/resources/assets/languages/zh.js
@@ -60,7 +60,6 @@ try {
       }
     }
   }
-  console.log('zh.json加载完成', languagesCategoryConfig);
 } catch (error) {
   console.error('zh.json抛出异常', error);
 }
diff --git a/src/resources/plugins/TsSheet/extend/extend-config-dialog.vue b/src/resources/plugins/TsSheet/extend/extend-config-dialog.vue
index e6f74327b43ebba0327f375d9f9c3f030c9e1c2c..59954f9740f68218c91c6309adab305b044007d4 100644
--- a/src/resources/plugins/TsSheet/extend/extend-config-dialog.vue
+++ b/src/resources/plugins/TsSheet/extend/extend-config-dialog.vue
@@ -20,7 +20,7 @@
               </div>
             </div>
             <div v-show="!item._isHide" class="content border-color padding">
-              <TsFormItem label="标签">
+              <TsFormItem :label="$t('page.tag')">
                 <TsFormInput
                   ref="formItem"
                   v-model="item.tag"
@@ -29,18 +29,19 @@
                   :validateList="tagValidateList"
                 ></TsFormInput>
               </TsFormItem>
-              <TsFormItem label="配置">
+              <TsFormItem :label="$t('page.config')">
                 <Tabs :name="'data' + index" :animated="false" @on-click="(name)=>changeTab(name, item)">
-                  <TabPane label="转换前配置" :name="'formItem' + index" :tab="'data' + index">
-                    <TsCodemirror
-                      ref="code"
-                      :value="JSON.stringify(formItemList, null,2)"   
-                      codeMode="json"
-                      :isReadOnly="true"
-                      isCopy
-                    ></TsCodemirror>  
+                  <TabPane :label="$t('page.beforeconfig')" :name="'formItem' + index" :tab="'data' + index">
+                    <JsonViewer 
+                      boxed 
+                      copyable 
+                      :expand-depth="2" 
+                      :show-array-index="false" 
+                      :value="formItemList"
+                      class="border-base"
+                    />
                   </TabPane>
-                  <TabPane label="数据配置" :name="'dataConfig' + index" :tab="'data' + index">
+                  <TabPane :label="$t('page.dataconfig')" :name="'dataConfig' + index" :tab="'data' + index">
                     <div v-if="item._tab === 'dataConfig' + index">
                       <ConfigHelp></ConfigHelp>
                       <TsCodemirror
@@ -51,13 +52,13 @@
                       ></TsCodemirror>
                     </div>
                   </TabPane>
-                  <TabPane label="数据转换" :name="'dataChange' + index" :tab="'data' + index">
+                  <TabPane :label="$t('page.datachange')" :name="'dataChange' + index" :tab="'data' + index">
                     <div v-if="item._tab === 'dataChange' + index">
                       <MethodsHelp></MethodsHelp>
                       <TsCodemirror v-model="item.extendMethods" :validateList="validateList" isCopy></TsCodemirror>
                     </div>
                   </TabPane>
-                  <TabPane label="测试" :name="'dataTest' + index" :tab="'data' + index">
+                  <TabPane :label="$t('page.test')" :name="'dataTest' + index" :tab="'data' + index">
                     <ExtendTest
                       v-if="item._tab === 'dataTest' + index"
                       :config="item"
@@ -68,7 +69,7 @@
               </TsFormItem>
             </div>
           </div>
-          <span class="tsfont-plus text-href" @click="addItem()">添加</span>
+          <span class="tsfont-plus text-href" @click="addItem()">{{ $t('page.add') }}</span>
         </div>
       </template>
     </TsDialog>
@@ -83,7 +84,8 @@ export default {
     TsCodemirror: () => import('@/resources/plugins/TsCodemirror/TsCodemirror'),
     ExtendTest: () => import('./extend-test.vue'),
     ConfigHelp: () => import('./help/config-help.vue'),
-    MethodsHelp: () => import('./help/methods-help.vue')
+    MethodsHelp: () => import('./help/methods-help.vue'),
+    JsonViewer: () => import('vue-json-viewer')
   },
   filters: {
   },