From 4305f2536c265df0e78ed2441d79588e481fe099 Mon Sep 17 00:00:00 2001
From: caiyiling <1321909229@qq.com>
Date: Tue, 11 Mar 2025 10:30:07 +0800
Subject: [PATCH] =?UTF-8?q?institutions=E6=A8=A1=E5=9D=97=E5=9B=BD?=
 =?UTF-8?q?=E9=99=85=E5=8C=96=E6=9B=B4=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../institutions/components/CROs.vue          | 30 +++++---
 .../institutions/components/CroForm.vue       | 30 ++++----
 .../institutions/components/HospitalForm.vue  | 63 ++++++++-------
 .../institutions/components/Hospitals.vue     | 59 +++++++++-----
 .../institutions/components/SiteForm.vue      | 75 +++++++++---------
 .../institutions/components/Sites.vue         | 76 +++++++++++++------
 .../institutions/components/SponsorForm.vue   | 32 ++++----
 .../institutions/components/Sponsors.vue      | 32 ++++----
 src/views/dictionary/institutions/index.vue   | 12 ++-
 9 files changed, 247 insertions(+), 162 deletions(-)

diff --git a/src/views/dictionary/institutions/components/CROs.vue b/src/views/dictionary/institutions/components/CROs.vue
index 4c2f2a5d..5d20a1b9 100644
--- a/src/views/dictionary/institutions/components/CROs.vue
+++ b/src/views/dictionary/institutions/components/CROs.vue
@@ -2,19 +2,21 @@
   <box-content>
     <div class="search">
       <el-form :inline="true" size="small" class="base-search-form">
-        <el-form-item label="CRO Name:">
+        <!-- CRO Name -->
+        <el-form-item :label="$t('institutions:cros:label:croName')">
           <el-input v-model="searchData.CROName" style="width: 100px" />
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" icon="el-icon-search" @click="handleSearch"
-            >Search</el-button
-          >
+          <el-button type="primary" icon="el-icon-search" @click="handleSearch">
+            {{ $t('common:button:search') }}
+          </el-button>
           <el-button
             type="primary"
             icon="el-icon-refresh-left"
             @click="handleReset"
-            >Reset</el-button
           >
+            {{ $t('common:button:reset') }}
+          </el-button>
         </el-form-item>
       </el-form>
       <span style="margin-left: auto">
@@ -37,30 +39,34 @@
       @sort-change="handleSortByColumn"
     >
       <el-table-column type="index" width="40" />
+      <!-- CRO Code -->
       <el-table-column
         prop="CROCode"
-        label="CRO Code"
+        :label="$t('institutions:cros:label:croCode')"
         min-width="150"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- CRO Name -->
       <el-table-column
         prop="CROName"
-        label="CRO Name"
+        :label="$t('institutions:cros:label:croName')"
         min-width="150"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- CRO NameCN -->
       <el-table-column
         prop="CRONameCN"
-        label="CRO NameCN"
+        :label="$t('institutions:cros:label:croNameCN')"
         min-width="150"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- Level -->
       <el-table-column
         prop="IsTrialLevel"
-        label="Level"
+        :label="$t('institutions:cros:label:level')"
         show-overflow-tooltip
         sortable="custom"
       >
@@ -68,7 +74,7 @@
           <span>{{ $fd("IsTrialLevel", String(scope.row.IsTrialLevel)) }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="Action" min-width="200">
+      <el-table-column :label="$t('common:action:action')" min-width="200">
         <template slot-scope="scope">
           <el-button
             circle
@@ -160,13 +166,13 @@ export default {
     // 新增CRO
     handleAddCro() {
       this.rowData = {};
-      this.title = "Add";
+      this.title =this.$t('common:button:new');
       this.editVisible = true;
     },
     // 编辑CRO
     handleEdit(row) {
       this.rowData = row;
-      this.title = "Edit";
+      this.title = this.$t('common:action:edit');
       this.editVisible = true;
     },
     // 删除CRO
diff --git a/src/views/dictionary/institutions/components/CroForm.vue b/src/views/dictionary/institutions/components/CroForm.vue
index 2dbfe046..a08a6f78 100644
--- a/src/views/dictionary/institutions/components/CroForm.vue
+++ b/src/views/dictionary/institutions/components/CroForm.vue
@@ -8,16 +8,20 @@
     label-width="120px"
   >
     <div class="base-dialog-body">
-      <el-form-item label="CRO Name: " prop="CROName">
+      <!-- CRO Name -->
+      <el-form-item :label="$t('institutions:cros:label:croName')" prop="CROName">
         <el-input v-model="form.CROName" />
       </el-form-item>
-      <el-form-item label="CRO NameCN: " prop="CRONameCN">
+      <!-- CRO NameCN -->
+      <el-form-item :label="$t('institutions:cros:label:croNameCN')" prop="CRONameCN">
         <el-input v-model="form.CRONameCN" />
       </el-form-item>
-      <el-form-item label="CRO Code: " prop="CROCode">
+      <!-- CRO Code -->
+      <el-form-item :label="$t('institutions:cros:label:croCode')" prop="CROCode">
         <el-input v-model="form.CROCode" />
       </el-form-item>
-      <el-form-item label="Level: ">
+      <!-- Level -->
+      <el-form-item :label="$t('institutions:cros:label:level')">
         <el-switch
           :disabled="!IsTrialLevel"
           v-model="form.IsTrialLevel"
@@ -30,10 +34,10 @@
     <div class="base-dialog-footer" style="text-align: right; margin-top: 10px">
       <el-form-item>
         <el-button :disabled="btnLoading" type="primary" @click="handleCancel"
-          >Cancel</el-button
+          >{{ $t('common:button:cancel') }}</el-button
         >
         <el-button type="primary" :loading="btnLoading" @click="handleSave"
-          >Save</el-button
+          >{{ $t('common:button:save') }}</el-button
         >
       </el-form-item>
     </div>
@@ -67,16 +71,16 @@ export default {
       },
       rules: {
         CROName: [
-          { required: true, message: "Please specify", trigger: "blur" },
-          { max: 500, message: "The maximum length is 500" },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: "blur" },
+          { max: 500, message: this.$t('common:ruleMessage:maxLength') + ' 500' },
         ],
         CRONameCN: [
-          { required: true, message: "Please specify", trigger: "blur" },
-          { max: 500, message: "The maximum length is 500" },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: "blur" },
+          { max: 500, message: this.$t('common:ruleMessage:maxLength') + ' 500' },
         ],
         CROCode: [
-          { required: true, message: "Please specify", trigger: "blur" },
-          { max: 50, message: "The maximum length is 50" },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: "blur" },
+          { max: 50, message: this.$t('common:ruleMessage:maxLength') + ' 50' },
         ],
       },
     };
@@ -95,7 +99,7 @@ export default {
           .then((res) => {
             this.btnLoading = false;
             if (res.IsSuccess) {
-              this.$message.success("Saved successfully");
+              this.$message.success(this.$t('common:message:savedSuccessfully'));
               this.$refs["CROForm"].resetFields();
               this.$emit("getList");
               this.$emit("close");
diff --git a/src/views/dictionary/institutions/components/HospitalForm.vue b/src/views/dictionary/institutions/components/HospitalForm.vue
index 70d647af..ec105d9e 100644
--- a/src/views/dictionary/institutions/components/HospitalForm.vue
+++ b/src/views/dictionary/institutions/components/HospitalForm.vue
@@ -8,7 +8,8 @@
     label-width="170px"
   >
     <div class="base-dialog-body">
-      <el-form-item label="Site: ">
+      <!-- Site -->
+      <el-form-item :label="$t('institutions:hospitals:label:site')">
         <el-select
           v-model="form.SiteId"
           style="width: 100%"
@@ -25,40 +26,50 @@
           </el-option>
         </el-select>
       </el-form-item>
-      <el-form-item label="Hospital CN: " prop="HospitalNameCN">
+      <!-- Hospital CN -->
+      <el-form-item :label="$t('institutions:hospitals:label:hospitalCN')" prop="HospitalNameCN">
         <el-input v-model="form.HospitalNameCN" />
       </el-form-item>
-      <el-form-item label="Hospital EN: " prop="HospitalName">
+      <!-- Hospital EN -->
+      <el-form-item :label="$t('institutions:hospitals:label:hospital')" prop="HospitalName">
         <el-input v-model="form.HospitalName" />
       </el-form-item>
+      <!-- Affiliated University CN -->
       <el-form-item
-        label="Affiliated University CN: "
+        :label="$t('institutions:hospitals:label:universityAffiliatedCN')"
         prop="UniversityAffiliatedCN"
       >
         <el-input v-model="form.UniversityAffiliatedCN" />
       </el-form-item>
+      <!-- Affiliated University EN -->
       <el-form-item
-        label="Affiliated University EN: "
+        :label="$t('institutions:hospitals:label:universityAffiliated')"
         prop="UniversityAffiliated"
       >
         <el-input v-model="form.UniversityAffiliated" />
       </el-form-item>
-      <el-form-item label="Country CN: " prop="CountryCN">
+      <!-- Country CN -->
+      <el-form-item :label="$t('institutions:hospitals:label:countryCN')" prop="CountryCN">
         <el-input v-model="form.CountryCN" />
       </el-form-item>
-      <el-form-item label="Country EN: " prop="Country">
+      <!-- Country EN -->
+      <el-form-item :label="$t('institutions:hospitals:label:country')" prop="Country">
         <el-input v-model="form.Country" />
       </el-form-item>
-      <el-form-item label="Province CN: " prop="ProvinceCN">
+      <!-- Province CN -->
+      <el-form-item :label="$t('institutions:hospitals:label:provinceCN')" prop="ProvinceCN">
         <el-input v-model="form.ProvinceCN" />
       </el-form-item>
-      <el-form-item label="Province EN: " prop="Province">
+      <!-- Province EN -->
+      <el-form-item :label="$t('institutions:hospitals:label:province')" prop="Province">
         <el-input v-model="form.Province" />
       </el-form-item>
-      <el-form-item label="City CN: " prop="CityCN">
+      <!-- City CN -->
+      <el-form-item :label="$t('institutions:hospitals:label:cityCN')" prop="CityCN">
         <el-input v-model="form.CityCN" />
       </el-form-item>
-      <el-form-item label="City EN: " prop="City">
+      <!-- City EN -->
+      <el-form-item :label="$t('institutions:hospitals:label:city')" prop="City">
         <el-input v-model="form.City" />
       </el-form-item>
     </div>
@@ -69,14 +80,14 @@
           size="small"
           type="primary"
           @click="handleCancel"
-          >Cancel</el-button
+          >{{ $t('common:button:cancel') }}</el-button
         >
         <el-button
           size="small"
           type="primary"
           :loading="btnLoading"
           @click="handleSave"
-          >Save</el-button
+          >{{ $t('common:button:save') }}</el-button
         >
       </el-form-item>
     </div>
@@ -121,29 +132,29 @@ export default {
       siteList: [],
       rules: {
         HospitalNameCN: [
-          { required: true, message: 'Please specify', trigger: 'blur' },
-          { max: 50, message: 'The maximum length is 50' },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
+          { max: 50, message: this.$t('common:ruleMessage:maxLength') + ' 50' },
         ],
         UniversityAffiliated: [
-          { max: 100, message: 'The maximum length is 100' },
+          { max: 100, message: this.$t('common:ruleMessage:maxLength') + ' 100' },
         ],
         UniversityAffiliatedCN: [
-          { max: 100, message: 'The maximum length is 100' },
+          { max: 100, message: this.$t('common:ruleMessage:maxLength') + ' 100' },
         ],
-        Country: [{ max: 50, message: 'The maximum length is 50' }],
+        Country: [{ max: 50, message: this.$t('common:ruleMessage:maxLength') + ' 50' }],
         CountryCN: [
-          { required: true, message: 'Please specify', trigger: 'blur' },
-          { max: 50, message: 'The maximum length is 50' },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
+          { max: 50, message: this.$t('common:ruleMessage:maxLength') + ' 50' },
         ],
-        Province: [{ max: 50, message: 'The maximum length is 50' }],
+        Province: [{ max: 50, message: this.$t('common:ruleMessage:maxLength') + ' 50' }],
         ProvinceCN: [
-          { required: true, message: 'Please specify', trigger: 'blur' },
-          { max: 50, message: 'The maximum length is 50' },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
+          { max: 50, message: this.$t('common:ruleMessage:maxLength') + ' 50' },
         ],
-        City: [{ max: 50, message: 'The maximum length is 50' }],
+        City: [{ max: 50, message: this.$t('common:ruleMessage:maxLength') + ' 50' }],
         CityCN: [
           { required: true, message: 'Please specify', trigger: 'blur' },
-          { max: 50, message: 'The maximum length is 50' },
+          { max: 50, message: this.$t('common:ruleMessage:maxLength') + ' 50' },
         ],
       },
     }
@@ -184,7 +195,7 @@ export default {
           .then((res) => {
             this.btnLoading = false
             if (res.IsSuccess) {
-              this.$message.success('Saved successfully')
+              this.$message.success(this.$t('common:message:savedSuccessfully'))
               this.$refs['hospitalForm'].resetFields()
               this.$emit('getList')
               this.$emit('close')
diff --git a/src/views/dictionary/institutions/components/Hospitals.vue b/src/views/dictionary/institutions/components/Hospitals.vue
index 4a1cf22f..7afd1eb7 100644
--- a/src/views/dictionary/institutions/components/Hospitals.vue
+++ b/src/views/dictionary/institutions/components/Hospitals.vue
@@ -2,18 +2,29 @@
   <box-content>
     <div class="search">
       <el-form :inline="true" size="small" class="base-search-form">
-        <el-form-item label="Hospital:">
+        <!-- Hospital -->
+        <el-form-item :label="$t('institutions:hospitals:label:hospital')">
           <el-input v-model="searchData.HospitalName" style="width:100px;" />
         </el-form-item>
-        <el-form-item label="Province:">
+        <!-- Province -->
+        <el-form-item :label="$t('institutions:hospitals:label:province')">
           <el-input v-model="searchData.Province" style="width:100px;" />
         </el-form-item>
-        <el-form-item label="City:">
+        <!-- City -->
+        <el-form-item :label="$t('institutions:hospitals:label:city')">
           <el-input v-model="searchData.City" style="width:100px;" />
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" icon="el-icon-search" @click="handleSearch">Search</el-button>
-          <el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">Reset</el-button>
+          <el-button type="primary" icon="el-icon-search" @click="handleSearch">
+            {{ $t('common:button:search') }}
+          </el-button>
+          <el-button
+            type="primary"
+            icon="el-icon-refresh-left"
+            @click="handleReset"
+          >
+            {{ $t('common:button:reset') }}
+          </el-button>
         </el-form-item>
       </el-form>
       <span style="margin-left:auto;">
@@ -23,7 +34,7 @@
           style="margin-left:auto;"
           icon="el-icon-plus"
           @click="handleAddHospital"
-        >New</el-button>
+        >{{ $t('common:button:new') }}</el-button>
       </span>
     </div>
     <!-- hospital列表 -->
@@ -36,79 +47,89 @@
       @sort-change="handleSortByColumn"
     >
       <el-table-column type="index" width="40" />
+      <!-- Hospital -->
       <el-table-column
         prop="HospitalName"
-        label="Hospital"
+        :label="$t('institutions:hospitals:label:hospital')"
         min-width="120"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- Hospital CN -->
       <el-table-column
         prop="HospitalNameCN"
         label="Hospital CN"
+        :label="$t('institutions:hospitals:label:hospitalCN')"
         min-width="120"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- University Affiliated -->
       <el-table-column
         prop="UniversityAffiliated"
-        label="University Affiliated"
+        :label="$t('institutions:hospitals:label:universityAffiliated')"
         min-width="170"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- University Affiliated CN -->
       <el-table-column
         prop="UniversityAffiliatedCN"
-        label="University Affiliated CN"
+        :label="$t('institutions:hospitals:label:universityAffiliatedCN')"
         min-width="170"
         show-overflow-tooltip
         sortable="custom"
       />
-
+      <!-- Country -->
       <el-table-column
         prop="Country"
-        label="Country"
+        :label="$t('institutions:hospitals:label:country')"
         width="120"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- Country CN -->
       <el-table-column
         prop="CountryCN"
-        label="Country CN"
+        :label="$t('institutions:hospitals:label:countryCN')"
         width="140"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- Province -->
       <el-table-column
         prop="Province"
-        label="Province"
+        :label="$t('institutions:hospitals:label:province')"
         width="120"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- Province CN -->
       <el-table-column
         prop="ProvinceCN"
-        label="Province CN"
+        :label="$t('institutions:hospitals:label:provinceCN')"
         width="140"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- City -->
       <el-table-column
         prop="City"
-        label="City"
+        :label="$t('institutions:hospitals:label:city')"
         width="120"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- City CN -->
       <el-table-column
         prop="CityCN"
-        label="City CN"
+        :label="$t('institutions:hospitals:label:cityCN')"
         width="120"
         show-overflow-tooltip
         sortable="custom"
       />
 
-      <el-table-column label="Action" width="150">
+      <el-table-column :label="$t('common:action:action')" width="150">
         <template slot-scope="scope">
           <el-button
             circle
@@ -190,13 +211,13 @@ export default {
     // 新增医院信息
     handleAddHospital() {
       this.rowData = {}
-      this.editDialog.title = 'Add'
+      this.editDialog.title = this.$t('common:button:new')
       this.editDialog.visible = true
     },
     // 修改医院信息
     handleEdit(row) {
       this.rowData = row
-      this.editDialog.title = 'Edit'
+      this.editDialog.title = this.$t('common:action:edit')
       this.editDialog.visible = true
     },
     // 删除医院信息
diff --git a/src/views/dictionary/institutions/components/SiteForm.vue b/src/views/dictionary/institutions/components/SiteForm.vue
index de6ab35b..17e07d21 100644
--- a/src/views/dictionary/institutions/components/SiteForm.vue
+++ b/src/views/dictionary/institutions/components/SiteForm.vue
@@ -9,49 +9,50 @@
     label-width="150px"
   >
     <div class="base-dialog-body">
-      <el-form-item label="Site Code: " v-if="form.Id" prop="SiteCode">
+      <!-- Site Code -->
+      <el-form-item :label="$t('institutions:sites:label:siteCode')" v-if="form.Id" prop="SiteCode">
         <el-input v-model="form.SiteCode" disabled />
       </el-form-item>
 
       <!-- 中心名称 -->
       <el-form-item
-        :label="$t('trials:customSite:form:siteName')"
+        :label="$t('institutions:sites:label:siteName')"
         prop="SiteName"
       >
         <el-input v-model="form.SiteName" />
       </el-form-item>
       <!-- 中心名称（CN） -->
       <el-form-item
-        :label="$t('trials:customSite:form:siteName') + '（CN）'"
+        :label="$t('institutions:sites:label:siteNameCN')"
         prop="SiteNameCN"
       >
         <el-input v-model="form.SiteNameCN" />
       </el-form-item>
-
-      <el-form-item label="Alias Name: ">
+      <!-- Alias Name -->
+      <el-form-item :label="$t('institutions:sites:label:aliasName')">
         <el-input v-model="form.AliasName" />
       </el-form-item>
 
       <!-- <el-form-item label="组织机构代码: ">
         <el-input v-model="form.UniqueCode" />
       </el-form-item> -->
-
-      <el-form-item label="Country: " prop="Country">
+      <!-- Country -->
+      <el-form-item :label="$t('institutions:sites:label:country')" prop="Country">
         <el-input v-model="form.Country" />
       </el-form-item>
-
-      <el-form-item label="City: " prop="City">
+      <!-- City -->
+      <el-form-item :label="$t('institutions:sites:label:city')" prop="City">
         <el-input v-model="form.City" />
       </el-form-item>
-      <el-form-item label="Address: " prop="Address">
+      <!-- Address -->
+      <el-form-item :label="$t('institutions:sites:label:address')" prop="Address">
         <el-input v-model="form.Address" />
       </el-form-item>
-
-      <el-form-item label="Affiliated Hospital: ">
+      <!-- Affiliated Hospital -->
+      <el-form-item :label="$t('institutions:sites:label:affiliatedHospital')">
         <el-select
           v-model="form.HospitalId"
           clearable
-          placeholder="Please select"
           style="width: 100%"
         >
           <el-option
@@ -62,20 +63,20 @@
           />
         </el-select>
       </el-form-item>
-
-      <el-form-item label="Director Name: " prop="DirectorName">
+      <!-- Director Name -->
+      <el-form-item :label="$t('institutions:sites:label:directorName')" prop="DirectorName">
         <el-input v-model="form.DirectorName" />
       </el-form-item>
-
-      <el-form-item label="Director Phone: " prop="DirectorPhone">
+      <!-- Director Phone -->
+      <el-form-item :label="$t('institutions:sites:label:directorPhone')" prop="DirectorPhone">
         <el-input v-model="form.DirectorPhone" />
       </el-form-item>
-
-      <el-form-item label="Contact Name: " prop="ContactName">
+      <!-- Contact Name -->
+      <el-form-item :label="$t('institutions:sites:label:contactName')" prop="ContactName">
         <el-input v-model="form.ContactName" />
       </el-form-item>
-
-      <el-form-item label="Contact Phone: " prop="ContactPhone">
+      <!-- Contact Phone -->
+      <el-form-item :label="$t('institutions:sites:label:contactPhone')" prop="ContactPhone">
         <el-input v-model="form.ContactPhone" />
       </el-form-item>
     </div>
@@ -86,14 +87,14 @@
           size="small"
           type="primary"
           @click="handleCancel"
-          >Cancel</el-button
+          >{{ $t('common:button:cancel') }}</el-button
         >
         <el-button
           size="small"
           type="primary"
           :loading="btnLoading"
           @click="handleSave"
-          >Save</el-button
+          >{{ $t('common:button:save') }}</el-button
         >
       </el-form-item>
     </div>
@@ -133,35 +134,35 @@ export default {
       },
       rules: {
         SiteName: [
-          { required: true, message: 'Please specify', trigger: 'blur' },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
           // { max: 50, message: 'The maximum length is 50' }
         ],
         SiteNameCN: [
-          { required: true, message: 'Please specify', trigger: 'blur' },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
           // { max: 50, message: 'The maximum length is 50' }
         ],
         SiteCode: [
-          { required: true, message: 'Please specify', trigger: 'blur' },
-          { max: 50, message: 'The maximum length is 50' },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
+          { max: 50, message: this.$t('common:ruleMessage:maxLength') + ' 50' },
         ],
         Country: [
-          { required: true, message: 'Please specify', trigger: 'blur' },
-          { max: 50, message: 'The maximum length is 50' },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
+          { max: 50, message: this.$t('common:ruleMessage:maxLength') + ' 50' },
         ],
         City: [
-          { required: true, message: 'Please specify', trigger: 'blur' },
-          { max: 50, message: 'The maximum length is 50' },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
+          { max: 50, message: this.$t('common:ruleMessage:maxLength') + ' 50' },
         ],
         // HospitalId: [
         //   { required: true, message: 'Please specify', trigger: 'blur' }
         // ],
         Address: [
-          { required: true, message: 'Please specify', trigger: 'blur' },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
         ],
-        DirectorName: [{ max: 50, message: 'The maximum length is 50' }],
-        DirectorPhone: [{ max: 50, message: 'The maximum length is 50' }],
-        ContactName: [{ max: 50, message: 'The maximum length is 50' }],
-        ContactPhone: [{ max: 50, message: 'The maximum length is 50' }],
+        DirectorName: [{ max: 50, message: this.$t('common:ruleMessage:maxLength') + ' 50' }],
+        DirectorPhone: [{ max: 50, message: this.$t('common:ruleMessage:maxLength') + ' 50' }],
+        ContactName: [{ max: 50, message: this.$t('common:ruleMessage:maxLength') + ' 50' }],
+        ContactPhone: [{ max: 50, message: this.$t('common:ruleMessage:maxLength') + ' 50' }],
       },
       loading: false,
       show: false,
@@ -180,7 +181,7 @@ export default {
           .then((res) => {
             this.btnLoading = false
             if (res.IsSuccess) {
-              this.$message.success('Saved successfully')
+              this.$message.success(this.$t('common:message:savedSuccessfully'))
               this.$refs['siteForm'].resetFields()
               this.$emit('getList')
               this.$emit('close')
diff --git a/src/views/dictionary/institutions/components/Sites.vue b/src/views/dictionary/institutions/components/Sites.vue
index e710a440..b9035939 100644
--- a/src/views/dictionary/institutions/components/Sites.vue
+++ b/src/views/dictionary/institutions/components/Sites.vue
@@ -2,28 +2,33 @@
   <box-content>
     <div class="search">
       <el-form :inline="true" size="small" class="base-search-form">
-        <el-form-item label="Site Name:">
+        <!-- Site Name -->
+        <el-form-item :label="$t('institutions:sites:label:siteName')">
           <el-input v-model="searchData.SiteName" style="width: 120px" />
         </el-form-item>
-        <el-form-item label="Alias Name:">
+        <!-- Alias Name -->
+        <el-form-item :label="$t('institutions:sites:label:aliasName')">
           <el-input v-model="searchData.AliasName" style="width: 120px" />
         </el-form-item>
-        <el-form-item label="Country:">
+        <!-- Country -->
+        <el-form-item :label="$t('institutions:sites:label:country')">
           <el-input v-model="searchData.Country" style="width: 120px" />
         </el-form-item>
-        <el-form-item label="City:">
+        <!-- City -->
+        <el-form-item :label="$t('institutions:sites:label:city')">
           <el-input v-model="searchData.City" style="width: 120px" />
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" icon="el-icon-search" @click="handleSearch"
-            >Search</el-button
-          >
+          <el-button type="primary" icon="el-icon-search" @click="handleSearch">
+            {{ $t('common:button:search') }}
+          </el-button>
           <el-button
             type="primary"
             icon="el-icon-refresh-left"
             @click="handleReset"
-            >Reset</el-button
           >
+            {{ $t('common:button:reset') }}
+          </el-button>
         </el-form-item>
       </el-form>
       <div style="margin-left: auto">
@@ -40,7 +45,8 @@
           style="margin-left: 10px"
           icon="el-icon-plus"
           @click="handleAddSite"
-          >New
+        >
+          {{ $t('common:button:new') }}
         </el-button>
       </div>
     </div>
@@ -53,23 +59,34 @@
       @sort-change="handleSortByColumn"
     >
       <el-table-column type="index" width="40" />
+      <!-- Site Code -->
       <el-table-column
         prop="SiteCode"
-        label="Site Code"
+        :label="$t('institutions:sites:label:siteCode')"
         min-width="120"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- Site Name -->
       <el-table-column
         prop="SiteName"
-        label="Site Name"
+        :label="$t('institutions:sites:label:siteName')"
         min-width="150"
         show-overflow-tooltip
         sortable="custom"
       />
+      <el-table-column
+        prop="SiteNameCN"
+        :label="$t('institutions:sites:label:siteNameCN')"
+        min-width="150"
+        show-overflow-tooltip
+        sortable="custom"
+      />
+      
+      <!-- Alias Name -->
       <el-table-column
         prop="AliasName"
-        label="Alias Name"
+        :label="$t('institutions:sites:label:aliasName')"
         min-width="150"
         show-overflow-tooltip
         sortable="custom"
@@ -81,70 +98,79 @@
         show-overflow-tooltip
         sortable="custom"
       /> -->
+      <!-- Country -->
       <el-table-column
         prop="Country"
-        label="Country"
+        :label="$t('institutions:sites:label:country')"
         min-width="120"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- City -->
       <el-table-column
         prop="City"
-        label="City"
+        :label="$t('institutions:sites:label:city')"
         min-width="120"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- Address -->
       <el-table-column
         prop="Address"
-        label="Address"
+        :label="$t('institutions:sites:label:address')"
         min-width="120"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- Affiliated Hospital -->
       <el-table-column
         prop="HospitalName"
-        label="Affiliated Hospital"
+        :label="$t('institutions:sites:label:affiliatedHospital')"
         min-width="180"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- Director Name -->
       <el-table-column
         prop="DirectorName"
-        label="Director Name"
+        :label="$t('institutions:sites:label:directorName')"
         min-width="160"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- Director Phone -->
       <el-table-column
         prop="DirectorPhone"
-        label="Director Phone"
+        :label="$t('institutions:sites:label:directorPhone')"
         min-width="150"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- Contact Name -->
       <el-table-column
         prop="ContactName"
-        label="Contact Name"
+        :label="$t('institutions:sites:label:contactName')"
         min-width="150"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- Contact Phone -->
       <el-table-column
         prop="ContactPhone"
-        label="Contact Phone"
+        :label="$t('institutions:sites:label:contactPhone')"
         min-width="160"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- CreateTime -->
       <el-table-column
         prop="CreateTime"
-        label="CreateTime"
+        :label="$t('institutions:sites:label:createTime')"
         min-width="160"
         show-overflow-tooltip
         sortable="custom"
       />
-      <el-table-column label="Action" fixed="right" width="150">
+      <el-table-column :label="$t('common:action:action')" fixed="right" width="150">
         <template slot-scope="scope">
           <el-button
             circle
@@ -357,7 +383,7 @@ export default {
   data() {
     return {
       editVisible: false,
-      title: "Add",
+      title: this.$t('common:button:new'),
       searchData: searchDataDefault(),
       list: [],
       total: 0,
@@ -439,13 +465,13 @@ export default {
     // 新增Site信息
     handleAddSite() {
       this.rowData = {};
-      this.title = "Add";
+      this.title = this.$t('common:button:new');
       this.editVisible = true;
     },
     // 编辑Site信息
     handleEdit(row) {
       this.rowData = row;
-      this.title = "Edit";
+      this.title = this.$t('common:action:edit');
       this.editVisible = true;
     },
     // 删除Site
diff --git a/src/views/dictionary/institutions/components/SponsorForm.vue b/src/views/dictionary/institutions/components/SponsorForm.vue
index 2bd0cea1..2bc2c49b 100644
--- a/src/views/dictionary/institutions/components/SponsorForm.vue
+++ b/src/views/dictionary/institutions/components/SponsorForm.vue
@@ -8,16 +8,20 @@
     label-width="150px"
   >
     <div class="base-dialog-body">
-      <el-form-item label="Sponsor Name: " prop="SponsorName">
+      <!-- Sponsor Name -->
+      <el-form-item :label="$t('institutions:sponsors:label:sponsorName')" prop="SponsorName">
         <el-input v-model="form.SponsorName" />
       </el-form-item>
-      <el-form-item label="Sponsor NameCN: " prop="SponsorName">
+      <!-- Sponsor NameCN -->
+      <el-form-item :label="$t('institutions:sponsors:label:sponsorNameCN')" prop="SponsorName">
         <el-input v-model="form.SponsorNameCN" />
       </el-form-item>
-      <el-form-item label="Sponsor Code: " prop="SponsorCode">
+      <!-- Sponsor Code -->
+      <el-form-item :label="$t('institutions:sponsors:label:sponsorCode')" prop="SponsorCode">
         <el-input v-model="form.SponsorCode" />
       </el-form-item>
-      <el-form-item label="Level: ">
+      <!-- Level -->
+      <el-form-item :label="$t('institutions:sponsors:label:level')">
         <el-switch
           :disabled="!IsTrialLevel"
           v-model="form.IsTrialLevel"
@@ -34,15 +38,17 @@
           size="small"
           type="primary"
           @click="handleCancel"
-          >Cancel</el-button
         >
+          {{ $t('common:button:cancel') }}
+        </el-button>
         <el-button
           size="small"
           type="primary"
           :loading="btnLoading"
           @click="handleSave"
-          >Save</el-button
         >
+          {{ $t('common:button:save') }}
+        </el-button>
       </el-form-item>
     </div>
   </el-form>
@@ -75,16 +81,16 @@ export default {
       },
       rules: {
         SponsorName: [
-          { required: true, message: "Please specify", trigger: "blur" },
-          { max: 500, message: "The maximum length is 500" },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: "blur" },
+          { max: 500, message: this.$t('common:ruleMessage:maxLength') + ' 500' },
         ],
         SponsorNameCN: [
-          { required: true, message: "Please specify", trigger: "blur" },
-          { max: 500, message: "The maximum length is 500" },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: "blur" },
+          { max: 500, message: this.$t('common:ruleMessage:maxLength') + ' 500' },
         ],
         SponsorCode: [
-          { required: true, message: "Please specify", trigger: "blur" },
-          { max: 50, message: "The maximum length is 50" },
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: "blur" },
+          { max: 50, message: this.$t('common:ruleMessage:maxLength') + ' 50' },
         ],
       },
     };
@@ -103,7 +109,7 @@ export default {
           .then((res) => {
             this.btnLoading = false;
             if (res.IsSuccess) {
-              this.$message.success("Saved successfully");
+              this.$message.success(this.$t('common:message:savedSuccessfully'));
               this.$refs["sponsorForm"].resetFields();
               this.$emit("getList");
               this.$emit("close");
diff --git a/src/views/dictionary/institutions/components/Sponsors.vue b/src/views/dictionary/institutions/components/Sponsors.vue
index ea4dba96..14a91ece 100644
--- a/src/views/dictionary/institutions/components/Sponsors.vue
+++ b/src/views/dictionary/institutions/components/Sponsors.vue
@@ -2,19 +2,21 @@
   <box-content>
     <div class="search">
       <el-form :inline="true" size="small" class="base-search-form">
-        <el-form-item label="Sponsor Name:">
+        <!-- Sponsor Name -->
+        <el-form-item :label="$t('institutions:sponsors:label:sponsorName')">
           <el-input v-model="searchData.SponsorName" style="width: 100px" />
         </el-form-item>
         <el-form-item>
-          <el-button type="primary" icon="el-icon-search" @click="handleSearch"
-            >Search</el-button
-          >
+          <el-button type="primary" icon="el-icon-search" @click="handleSearch">
+            {{ $t('common:button:search') }}
+          </el-button>
           <el-button
             type="primary"
             icon="el-icon-refresh-left"
             @click="handleReset"
-            >Reset</el-button
           >
+            {{ $t('common:button:reset') }}
+          </el-button>
         </el-form-item>
       </el-form>
       <span style="margin-left: auto">
@@ -24,7 +26,7 @@
           style="margin-left: auto"
           icon="el-icon-plus"
           @click="handleAddSponsor"
-          >New</el-button
+          >{{ $t('common:button:new') }}</el-button
         >
       </span>
     </div>
@@ -37,30 +39,34 @@
       @sort-change="handleSortByColumn"
     >
       <el-table-column type="index" width="40" />
+      <!-- Sponsor Code -->
       <el-table-column
         prop="SponsorCode"
-        label="Sponsor Code"
+        :label="$t('institutions:sponsors:label:sponsorCode')"
         min-width="100"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- Sponsor Name -->
       <el-table-column
         prop="SponsorName"
-        label="Sponsor Name"
+        :label="$t('institutions:sponsors:label:sponsorName')"
         min-width="100"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- Sponsor NameCN -->
       <el-table-column
         prop="SponsorNameCN"
-        label="Sponsor NameCN"
+        :label="$t('institutions:sponsors:label:sponsorNameCN')"
         min-width="100"
         show-overflow-tooltip
         sortable="custom"
       />
+      <!-- Level -->
       <el-table-column
         prop="IsTrialLevel"
-        label="Level"
+        :label="$t('institutions:sponsors:label:level')"
         show-overflow-tooltip
         sortable="custom"
       >
@@ -68,7 +74,7 @@
           <span>{{ $fd("IsTrialLevel", String(scope.row.IsTrialLevel)) }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="Action" min-width="150">
+      <el-table-column :label="$t('common:action:action')" min-width="150">
         <template slot-scope="scope">
           <el-button
             circle
@@ -160,13 +166,13 @@ export default {
     // 新增Sponsor
     handleAddSponsor() {
       this.rowData = {};
-      this.title = "Add";
+      this.title = this.$t('common:button:new');
       this.editVisible = true;
     },
     // 编辑Sponsor
     handleEdit(row) {
       this.rowData = row;
-      this.title = "Edit";
+      this.title = this.$t('common:action:edit');
       this.editVisible = true;
     },
     // 删除Sponsor
diff --git a/src/views/dictionary/institutions/index.vue b/src/views/dictionary/institutions/index.vue
index 14a79aad..cf925bf8 100644
--- a/src/views/dictionary/institutions/index.vue
+++ b/src/views/dictionary/institutions/index.vue
@@ -1,16 +1,20 @@
 <template>
   <div class="institution-wrapper">
     <el-tabs v-model="activeTab" @tab-click="clickTab">
-      <el-tab-pane label="Hospitals" name="Hospitals">
+      <!-- Hospitals -->
+      <el-tab-pane :label="$t('institutions:tab:hospitals')" name="Hospitals">
         <Hospitals v-if="activeTab === 'Hospitals'" />
       </el-tab-pane>
-      <el-tab-pane label="Sites" name="Sites">
+      <!-- Sites -->
+      <el-tab-pane :label="$t('institutions:tab:sites')" name="Sites">
         <Sites v-if="activeTab === 'Sites'" />
       </el-tab-pane>
-      <el-tab-pane label="CROs" name="CROs">
+      <!-- CROs -->
+      <el-tab-pane :label="$t('institutions:tab:CROs')" name="CROs">
         <CROs v-if="activeTab === 'CROs'" />
       </el-tab-pane>
-      <el-tab-pane label="Sponsors" name="Sponsors">
+      <!-- Sponsors -->
+      <el-tab-pane :label="$t('institutions:tab:sponsors')" name="Sponsors">
         <Sponsors v-if="activeTab === 'Sponsors'" />
       </el-tab-pane>
     </el-tabs>