diff --git a/server/resource/plugin/web/view/view.vue.tpl b/server/resource/plugin/web/view/view.vue.tpl
index aee732ec6..09c1b3505 100644
--- a/server/resource/plugin/web/view/view.vue.tpl
+++ b/server/resource/plugin/web/view/view.vue.tpl
@@ -97,10 +97,10 @@ getDataSourceFunc()
     <div class="gva-search-box">
       <el-form ref="elSearchFormRef" :inline="true" :model="searchInfo" class="demo-form-inline" @keyup.enter="onSubmit">
       {{- if .GvaModel }}
-      <el-form-item label="{{ t('general.createdDate') }}" prop="createdAtRange">
+      <el-form-item :label="t('general.createdDate')" prop="createdAtRange">
       <template #label>
         <span>
-          {{ t('general.createdDate') }}
+          {{"{{"}} t('general.createdDate') {{"}}"}}
           <el-tooltip :content="t('general.searchDateRange')">
             <el-icon><QuestionFilled /></el-icon>
           </el-tooltip>
@@ -110,9 +110,9 @@ getDataSourceFunc()
                   v-model="searchInfo.createdAtRange"
                   class="!w-380px"
                   type="datetimerange"
-                  range-separator="{{ t('general.to') }}"
-                  start-placeholder="{{ t('general.startTime') }}"
-                  end-placeholder="{{ t('general.endTime') }}"
+                  range-separator="t('general.to')"
+                  start-placeholder="t('general.startTime')"
+                  end-placeholder="t('general.endTime')"
                 />
        </el-form-item>
       {{ end -}}
@@ -127,18 +127,18 @@ getDataSourceFunc()
         </template>
 
         <el-form-item>
-          <el-button type="primary" icon="search" @click="onSubmit">{{ t('general.search') }}</el-button>
-          <el-button icon="refresh" @click="onReset">{{ t('general.reset') }}</el-button>
-          <el-button link type="primary" icon="arrow-down" @click="showAllQuery=true" v-if="!showAllQuery">{{ t('general.expand') }}</el-button>
-          <el-button link type="primary" icon="arrow-up" @click="showAllQuery=false" v-else>{{ t('general.collapse') }}</el-button>
+          <el-button type="primary" icon="search" @click="onSubmit">{{"{{"}} t('general.search') {{"}}"}}</el-button>
+          <el-button icon="refresh" @click="onReset">{{"{{"}} t('general.reset') {{"}}"}}</el-button>
+          <el-button link type="primary" icon="arrow-down" @click="showAllQuery=true" v-if="!showAllQuery">{{"{{"}} t('general.expand') {{"}}"}}</el-button>
+          <el-button link type="primary" icon="arrow-up" @click="showAllQuery=false" v-else>{{"{{"}} t('general.collapse') {{"}}"}}</el-button>
         </el-form-item>
       </el-form>
     </div>
   {{- end }}
     <div class="gva-table-box">
         <div class="gva-btn-list">
-            <el-button {{ if $global.AutoCreateBtnAuth }}v-auth="btnAuth.add"{{ end }} type="primary" icon="plus" @click="openDialog()">{{ t('general.add') }}</el-button>
-            <el-button {{ if $global.AutoCreateBtnAuth }}v-auth="btnAuth.batchDelete"{{ end }} icon="delete" style="margin-left: 10px;" :disabled="!multipleSelection.length" @click="onDelete">{{ t('general.delete') }}</el-button>
+            <el-button {{ if $global.AutoCreateBtnAuth }}v-auth="btnAuth.add"{{ end }} type="primary" icon="plus" @click="openDialog()">{{"{{"}} t('general.add') {{"}}"}}</el-button>
+            <el-button {{ if $global.AutoCreateBtnAuth }}v-auth="btnAuth.batchDelete"{{ end }} icon="delete" style="margin-left: 10px;" :disabled="!multipleSelection.length" @click="onDelete">{{"{{"}} t('general.delete') {{"}}"}}</el-button>
             {{ if .HasExcel -}}
             <ExportTemplate {{ if $global.AutoCreateBtnAuth }}v-auth="btnAuth.exportTemplate"{{ end }} template-id="{{$templateID}}" />
             <ExportExcel {{ if $global.AutoCreateBtnAuth }}v-auth="btnAuth.exportExcel"{{ end }} template-id="{{$templateID}}" filterDeleted/>
@@ -158,7 +158,7 @@ getDataSourceFunc()
         >
         <el-table-column type="selection" width="55" />
         {{ if .GvaModel }}
-        <el-table-column sortable align="left" label="{{ t('general.date') }}" prop="CreatedAt" {{- if .IsTree }} min-{{- end }}width="180">
+        <el-table-column sortable align="left" :label="t('general.date')" prop="CreatedAt" {{- if .IsTree }} min-{{- end }}width="180">
             <template #default="scope">{{ "{{ formatDate(scope.row.CreatedAt) }}" }}</template>
         </el-table-column>
         {{ end }}
@@ -167,14 +167,14 @@ getDataSourceFunc()
             {{ GenerateTableColumn . }}
         {{- end }}
         {{- end }}
-        <el-table-column align="left" label="{{ t('general.operations') }}" fixed="right" min-width="240">
+        <el-table-column align="left" :label="t('general.operations')" fixed="right" min-width="240">
             <template #default="scope">
             {{- if .IsTree }}
-            <el-button {{ if $global.AutoCreateBtnAuth }}v-auth="btnAuth.add"{{ end }} type="primary" link class="table-button" @click="openDialog(scope.row)"><el-icon style="margin-right: 5px"><InfoFilled /></el-icon>{{ t('general.addChild') }}</el-button>
+            <el-button {{ if $global.AutoCreateBtnAuth }}v-auth="btnAuth.add"{{ end }} type="primary" link class="table-button" @click="openDialog(scope.row)"><el-icon style="margin-right: 5px"><InfoFilled /></el-icon>{{"{{"}} t('general.addChild') {{"}}"}}</el-button>
             {{- end }}
-            <el-button {{ if $global.AutoCreateBtnAuth }}v-auth="btnAuth.info"{{ end }} type="primary" link class="table-button" @click="getDetails(scope.row)"><el-icon style="margin-right: 5px"><InfoFilled /></el-icon>{{ t('general.view') }}</el-button>
-            <el-button {{ if $global.AutoCreateBtnAuth }}v-auth="btnAuth.edit"{{ end }} type="primary" link icon="edit" class="table-button" @click="update{{.StructName}}Func(scope.row)">{{ t('general.edit') }}</el-button>
-            <el-button {{ if .IsTree }}v-if="!scope.row.children?.length"{{ end }} {{ if $global.AutoCreateBtnAuth }}v-auth="btnAuth.delete"{{ end }} type="primary" link icon="delete" @click="deleteRow(scope.row)">{{ t('general.delete') }}</el-button>
+            <el-button {{ if $global.AutoCreateBtnAuth }}v-auth="btnAuth.info"{{ end }} type="primary" link class="table-button" @click="getDetails(scope.row)"><el-icon style="margin-right: 5px"><InfoFilled /></el-icon>{{"{{"}} t('general.detail') {{"}}"}}</el-button>
+            <el-button {{ if $global.AutoCreateBtnAuth }}v-auth="btnAuth.edit"{{ end }} type="primary" link icon="edit" class="table-button" @click="update{{.StructName}}Func(scope.row)">{{"{{"}} t('general.edit') {{"}}"}}</el-button>
+            <el-button {{ if .IsTree }}v-if="!scope.row.children?.length"{{ end }} {{ if $global.AutoCreateBtnAuth }}v-auth="btnAuth.delete"{{ end }} type="primary" link icon="delete" @click="deleteRow(scope.row)">{{"{{"}} t('general.delete') {{"}}"}}</el-button>
             </template>
         </el-table-column>
         </el-table>
@@ -183,7 +183,7 @@ getDataSourceFunc()
             layout="total, sizes, prev, pager, next, jumper"
             :current-page="page"
             :page-size="pageSize"
-            :page-sizes="[10, 30, 50, 100]"
+            :page-sizes="[20, 30, 50, 100]"
             :total="total"
             @current-change="handleCurrentChange"
             @size-change="handleSizeChange"
@@ -195,15 +195,15 @@ getDataSourceFunc()
               <div class="flex justify-between items-center">
                 <span class="text-lg">{{"{{"}}type==='create'?t('general.add'):t('general.edit'){{"}}"}}}</span>
                 <div>
-                  <el-button :loading="btnLoading" type="primary" @click="enterDialog">{{ t('general.confirm') }}</el-button>
-                  <el-button @click="closeDialog">{{ t('general.cancel') }}</el-button>
+                  <el-button :loading="btnLoading" type="primary" @click="enterDialog">{{"{{"}} t('general.confirm') {{"}}"}}</el-button>
+                  <el-button @click="closeDialog">{{"{{"}} t('general.cancel') {{"}}"}}</el-button>
                 </div>
               </div>
             </template>
 
           <el-form :model="formData" label-position="top" ref="elFormRef" :rules="rule" label-width="80px">
           {{- if .IsTree }}
-            <el-form-item label="{{ t('general.parentNode') }}:" prop="parentID" >
+            <el-form-item :label="t('general.parentNode'):" prop="parentID" >
                 <el-tree-select
                     v-model="formData.parentID"
                     :data="[rootNode,...tableData]"
@@ -212,7 +212,7 @@ getDataSourceFunc()
                     :props="defaultProps"
                     clearable
                     style="width: 240px"
-                    placeholder="{{ t('general.rootNode') }}"
+                    placeholder="t('general.rootNode')"
                 />
             </el-form-item>
           {{- end }}
@@ -224,10 +224,10 @@ getDataSourceFunc()
           </el-form>
     </el-drawer>
 
-    <el-drawer destroy-on-close size="800" v-model="detailShow" :show-close="true" :before-close="closeDetailShow" title="{{ t('general.view') }}">
+    <el-drawer destroy-on-close size="800" v-model="detailShow" :show-close="true" :before-close="closeDetailShow" :title="t('general.detail')">
             <el-descriptions :column="1" border>
             {{- if .IsTree }}
-            <el-descriptions-item label="{{ t('general.parentNode') }}">
+            <el-descriptions-item :label="t('general.parentNode')">
                 <el-tree-select
                   v-model="detailForm.parentID"
                   :data="[rootNode,...tableData]"
@@ -237,7 +237,7 @@ getDataSourceFunc()
                   :props="defaultProps"
                   clearable
                   style="width: 240px"
-                  placeholder="{{ t('general.rootNode') }}"
+                  placeholder="t('general.rootNode')"
                 />
             </el-descriptions-item>
             {{- end }}
@@ -254,7 +254,6 @@ getDataSourceFunc()
 
 <script setup>
 import { useI18n } from 'vue-i18n'
-const { t } = useI18n()
 import {
   {{- if .HasDataSource }}
     get{{.StructName}}DataSource,
@@ -267,6 +266,7 @@ import {
   get{{.StructName}}List
 } from '@/plugin/{{.Package}}/api/{{.PackageName}}'
 
+const { t } = useI18n()
 
 {{- if or .HasPic .HasFile}}
 import { getUrl } from '@/utils/image'
@@ -383,7 +383,7 @@ const elSearchFormRef = ref()
 // =========== 表格控制部分 ===========
 const page = ref(1)
 const total = ref(0)
-const pageSize = ref(10)
+const pageSize = ref(20)
 const tableData = ref([])
 const searchInfo = ref({})
 
@@ -689,4 +689,4 @@ defineOptions({
 </style>
 {{- end }}
 
-{{- end }}
\ No newline at end of file
+{{- end }}