diff --git a/src/App.vue b/src/App.vue
index 946b5c31..03b14177 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -12,6 +12,7 @@
       <div style="width: 320px">
         <el-form
           label-width="100px"
+          @submit.native.prevent
           size="small"
         >
           <el-form-item label="关键字">
diff --git a/src/views/blindResumeInfo/components/Agreements.vue b/src/views/blindResumeInfo/components/Agreements.vue
index 6d355cfc..d8ec72d6 100644
--- a/src/views/blindResumeInfo/components/Agreements.vue
+++ b/src/views/blindResumeInfo/components/Agreements.vue
@@ -1,146 +1,149 @@
-<template>
-  <div class="agreements-info">
-    <el-table
-      :data="agreementList"
-      style="margin-top:10px;"
-      :span-method="objectSpanMethod"
-      border
-      size="small"
-    >
-      <el-table-column type="index" label="No." width="50" />
-
-      <el-table-column
-        prop="TrialCode"
-        label="Trial ID"
-        min-width="50"
-        show-overflow-tooltip
-      />
-      <el-table-column prop="Type" label="File Type" min-width="80" show-overflow-tooltip />
-      <el-table-column
-        prop="FileName"
-        label="File Name"
-        min-width="100"
-        show-overflow-tooltip
-      />
-
-      <el-table-column
-        prop="CreateTime"
-        label="Upload Time"
-        min-width="60"
-        show-overflow-tooltip
-      />
-      <el-table-column label="Action" min-width="150">
-        <template slot-scope="scope">
-          <el-button
-            v-if="(scope.row.Type=='Statement of Work') ||(scope.row.Type=='Acknowledgement of SOW') || scope.row.Type=='Consultant Agreement'"
-            size="small"
-            type="text"
-            @click="preview(scope.$index, scope.row)"
-          >View</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-  </div>
-</template>
-<script>
-export default {
-  props: {
-    doctorInfo: {
-      type: Object,
-      default() {
-        return {}
-      }
-    }
-  },
-  data() {
-    return {
-      agreementList: [],
-      spanArr: [],
-      pos: 0
-    }
-  },
-  created() {
-    this.initAgreement()
-  },
-  methods: {
-    initAgreement() {
-      if (this.doctorInfo.AttachmentList) {
-        this.doctorInfo.AttachmentList.forEach(item => {
-          if (item.Type === 'Consultant Agreement') {
-            item.TrialCode = ''
-            this.agreementList.push(item)
-          }
-        })
-        this.doctorInfo.SowList.forEach(item => {
-          item.Type = 'Statement of Work'
-          this.agreementList.push(item)
-        })
-        this.doctorInfo.AckSowList.forEach(item => {
-          item.Type = 'Acknowledgement of SOW'
-          this.agreementList.push(item)
-        })
-        this.agreementList = this.agreementList.sort((a, b) => {
-          if (a.TrialCode < b.TrialCode) {
-            return -1
-          } else if (a.TrialCode === b.TrialCode) {
-            return 1
-          } else {
-            return 0
-          }
-        })
-        this.getSpanArr(this.agreementList)
-      }
-    },
-    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
-      if (columnIndex === 1) {
-        const _row = this.spanArr[rowIndex]
-        const _col = _row > 0 ? 1 : 0
-        return {
-          rowspan: _row,
-          colspan: _col
-        }
-      }
-    },
-    getSpanArr(data) {
-      for (var i = 0; i < data.length; i++) {
-        if (i === 0) {
-          this.spanArr.push(1)
-          this.pos = 0
-        } else {
-          // 判断当前元素与上一个元素是否相同
-          if (data[i].TrialCode === data[i - 1].TrialCode) {
-            this.spanArr[this.pos] += 1
-            this.spanArr.push(0)
-          } else {
-            this.spanArr.push(1)
-            this.pos = i
-          }
-        }
-      }
-    },
-    preview(index, row) {
-      const filePath = row.FullPath
-      if (filePath) {
-        window.open(filePath, '_blank')
-      }
-    },
-    timeFormatter(row) {
-      return new Date(row.CreateTime).format('yyyy-MM-dd hh:mm:ss')
-    },
-    officalFormatter(row, column) {
-      if (row.IsOfficial) {
-        return 'Yes'
-      } else {
-        return 'No'
-      }
-    }
-  }
-}
-</script>
-
-<style lang="scss">
-.agreements-info{
-  padding:5px 15px;
-  font-size:13px;
-}
-</style>
+<template>
+  <div class="agreements-info">
+    <el-table
+      :data="agreementList"
+      style="margin-top:10px;"
+      :span-method="objectSpanMethod"
+      border
+      size="small"
+    >
+      <template slot="empty">
+        <span></span>
+      </template>
+      <el-table-column type="index" label="No." width="50" />
+
+      <el-table-column
+        prop="TrialCode"
+        :label="$t('resumeInfo:label:TrialCode')"
+        min-width="50"
+        show-overflow-tooltip
+      />
+      <el-table-column prop="Type" :label="$t('resumeInfo:label:Type')" min-width="80" show-overflow-tooltip />
+      <el-table-column
+        prop="FileName"
+        :label="$t('resumeInfo:label:FileName')"
+        min-width="100"
+        show-overflow-tooltip
+      />
+
+      <el-table-column
+        prop="CreateTime"
+        :label="$t('resumeInfo:label:CreateTime')"
+        min-width="60"
+        show-overflow-tooltip
+      />
+      <el-table-column label="Action" min-width="150">
+        <template slot-scope="scope">
+          <el-button
+            v-if="(scope.row.Type=='Statement of Work') ||(scope.row.Type=='Acknowledgement of SOW') || scope.row.Type=='Consultant Agreement'"
+            size="small"
+            type="text"
+            @click="preview(scope.$index, scope.row)"
+          >{{$t('resumeInfo:button:view')}}</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    doctorInfo: {
+      type: Object,
+      default() {
+        return {}
+      }
+    }
+  },
+  data() {
+    return {
+      agreementList: [],
+      spanArr: [],
+      pos: 0
+    }
+  },
+  created() {
+    this.initAgreement()
+  },
+  methods: {
+    initAgreement() {
+      if (this.doctorInfo.AttachmentList) {
+        this.doctorInfo.AttachmentList.forEach(item => {
+          if (item.Type === 'Consultant Agreement') {
+            item.TrialCode = ''
+            this.agreementList.push(item)
+          }
+        })
+        this.doctorInfo.SowList.forEach(item => {
+          item.Type = 'Statement of Work'
+          this.agreementList.push(item)
+        })
+        this.doctorInfo.AckSowList.forEach(item => {
+          item.Type = 'Acknowledgement of SOW'
+          this.agreementList.push(item)
+        })
+        this.agreementList = this.agreementList.sort((a, b) => {
+          if (a.TrialCode < b.TrialCode) {
+            return -1
+          } else if (a.TrialCode === b.TrialCode) {
+            return 1
+          } else {
+            return 0
+          }
+        })
+        this.getSpanArr(this.agreementList)
+      }
+    },
+    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
+      if (columnIndex === 1) {
+        const _row = this.spanArr[rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      }
+    },
+    getSpanArr(data) {
+      for (var i = 0; i < data.length; i++) {
+        if (i === 0) {
+          this.spanArr.push(1)
+          this.pos = 0
+        } else {
+          // 判断当前元素与上一个元素是否相同
+          if (data[i].TrialCode === data[i - 1].TrialCode) {
+            this.spanArr[this.pos] += 1
+            this.spanArr.push(0)
+          } else {
+            this.spanArr.push(1)
+            this.pos = i
+          }
+        }
+      }
+    },
+    preview(index, row) {
+      const filePath = row.FullPath
+      if (filePath) {
+        window.open(this.OSSclientConfig.basePath + filePath, '_blank')
+      }
+    },
+    timeFormatter(row) {
+      return new Date(row.CreateTime).format('yyyy-MM-dd hh:mm:ss')
+    },
+    officalFormatter(row, column) {
+      if (row.IsOfficial) {
+        return 'Yes'
+      } else {
+        return 'No'
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.agreements-info{
+  padding:5px 15px;
+  font-size:13px;
+}
+</style>
diff --git a/src/views/blindResumeInfo/components/BasicInfo.vue b/src/views/blindResumeInfo/components/BasicInfo.vue
index e0979032..1574e6bf 100644
--- a/src/views/blindResumeInfo/components/BasicInfo.vue
+++ b/src/views/blindResumeInfo/components/BasicInfo.vue
@@ -3,23 +3,23 @@
     <el-form :inline="true" :model="basicInfo" class="demo-form-inline" size="small">
       <el-row>
         <el-col :span="6">
-          <el-form-item label="Name:">
+          <el-form-item :label="$t('resumeInfo:label:BlindName')">
             <span>{{ basicInfo.BlindName }}</span>
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-form-item label="Name CN:">
+          <el-form-item :label="$t('resumeInfo:label:ChineseName')">
             <span>{{ basicInfo.BlindNameCN }}</span>
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-form-item label="Gender:">
+          <el-form-item :label="$t('resumeInfo:label:Sex')">
             <span v-if="isEnglish">{{ basicInfo.Sex === 0?'Male':'Female' }}</span>
             <span v-else>{{ basicInfo.Sex === 0?'男':'女' }}</span>
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-form-item label="Title:">
+          <el-form-item :label="$t('resumeInfo:label:Title')">
             <span v-if="isEnglish">
               {{ (Array.isArray(basicInfo.Title)&& basicInfo.Title.length > 0) ? basicInfo.TitleList.join(', ') : '' }}
             </span>
diff --git a/src/views/blindResumeInfo/components/Comment.vue b/src/views/blindResumeInfo/components/Comment.vue
index f03b91c4..6d458983 100644
--- a/src/views/blindResumeInfo/components/Comment.vue
+++ b/src/views/blindResumeInfo/components/Comment.vue
@@ -1,48 +1,48 @@
-<template>
-  <div class="comment-info">
-    <el-form :model="statusList" class="demo-form-inline" size="small">
-      <el-form-item label="Comment:">
-        <el-input
-          v-model="statusList.AdminComment"
-          type="textarea"
-          autosize
-          readonly
-        />
-      </el-form-item>
-    </el-form>
-  </div>
-</template>
-<script>
-
-export default {
-  props: {
-    statusList: {
-      type: Object,
-      default() {
-        return {}
-      }
-    }
-  }
-}
-</script>
-
-<style lang="scss">
-.comment-info{
-  padding:5px 15px;
-  font-size:13px;
-  .el-form-item--mini.el-form-item{
-    margin-bottom: 0px;
-  }
-  .el-form-item--small.el-form-item{
-    margin-bottom: 0px;
-  }
-  .el-form-item__content{
-    font-size: 13px;
-  }
-  .el-form-item__label{
-    font-size: 13px;
-    color: #303133;
-    font-weight: bold;
-  }
-}
-</style>
+<template>
+  <div class="comment-info">
+    <el-form :model="statusList" class="demo-form-inline" size="small">
+      <el-form-item :label="$t('resumeInfo:label:Comment')">
+        <el-input
+          v-model="statusList.AdminComment"
+          type="textarea"
+          autosize
+          readonly
+        />
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+<script>
+
+export default {
+  props: {
+    statusList: {
+      type: Object,
+      default() {
+        return {}
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.comment-info{
+  padding:5px 15px;
+  font-size:13px;
+  .el-form-item--mini.el-form-item{
+    margin-bottom: 0px;
+  }
+  .el-form-item--small.el-form-item{
+    margin-bottom: 0px;
+  }
+  .el-form-item__content{
+    font-size: 13px;
+  }
+  .el-form-item__label{
+    font-size: 13px;
+    color: #303133;
+    font-weight: bold;
+  }
+}
+</style>
diff --git a/src/views/blindResumeInfo/components/Credentials.vue b/src/views/blindResumeInfo/components/Credentials.vue
index 18d8f5e7..7bb68029 100644
--- a/src/views/blindResumeInfo/components/Credentials.vue
+++ b/src/views/blindResumeInfo/components/Credentials.vue
@@ -1,182 +1,233 @@
-<template>
-  <div class="education-info">
-    <div class="btn-wrapper">
-      <el-button style="margin-left:auto" size="small" :disabled="checkID.length==0" @click="downloadAttachement">Download</el-button>
-    </div>
-    <el-table
-      :data="tblList"
-      :span-method="objectSpanMethod"
-      size="small"
-      @selection-change="selectMore"
-    >
-      <el-table-column type="selection" align="left" width="50" />
-      <el-table-column type="index" label="No." width="50" />
-      <el-table-column prop="Type" label="Type" min-width="50" show-overflow-tooltip />
-      <el-table-column
-        prop="FileName"
-        label="File Name"
-        min-width="80"
-        show-overflow-tooltip
-      />
-      <el-table-column
-        prop="CreateTime"
-        label="Upload Time"
-        min-width="50"
-        show-overflow-tooltip
-      />
-      <el-table-column label="Action" min-width="150">
-        <template slot-scope="scope">
-          <el-button type="text" size="small" @click="preview(scope.$index, scope.row)">View</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-  </div>
-</template>
-<script>
-import { downloadByAttachmentId } from '@/api/reviewers'
-export default {
-  props: {
-    attachmentList: {
-      type: Array,
-      default() {
-        return []
-      }
-    },
-    doctorId: {
-      type: String,
-      default: ''
-    }
-  },
-  data() {
-    return {
-      tblList: [],
-      checkID: [],
-      spanArr: [],
-      pos: 0
-    }
-  },
-  created() {
-    this.tblList = this.filterListByType(this.attachmentList)
-    this.getSpanArr(this.tblList)
-  },
-  methods: {
-    filterListByType(arr) {
-      var list = []
-      if (arr.length > 0) {
-        arr.forEach(item => {
-          if (item.Type === 'Diploma of the highest medical degree') {
-            list.push(item)
-          }
-        })
-        arr.forEach(item => {
-          if (item.Type === 'Medical Qualification Certificate') {
-            list.push(item)
-          }
-        })
-        arr.forEach(item => {
-          if (item.Type === 'Practice License') {
-            list.push(item)
-          }
-        })
-        arr.forEach(item => {
-          if (item.Type === 'Modality Certificate(CT)') {
-            list.push(item)
-          }
-        })
-        arr.forEach(item => {
-          if (item.Type === 'Modality Certificate(MRI)') {
-            list.push(item)
-          }
-        })
-        arr.forEach(item => {
-          if (item.Type === 'Modality Certificate(NM)') {
-            list.push(item)
-          }
-        })
-        arr.forEach(item => {
-          if (item.Type === 'Modality Certificate(US)') {
-            list.push(item)
-          }
-        })
-      }
-      return list
-    },
-    downloadAttachement() {
-      downloadByAttachmentId(this.doctorId, this.checkID).then(res => {
-        if (res.IsSuccess) {
-          var fullPath = res.Result.FullFilePath
-          window.open(fullPath)
-        }
-      })
-    },
-    preview(index, row) {
-      const filePath = row.FullPath
-      if (filePath) {
-        window.open(filePath, '_blank')
-      }
-    },
-    selectMore(val) {
-      const arr = []
-      for (let index = 0; index < val.length; index++) {
-        arr.push(val[index].Id)
-      }
-      this.checkID = arr
-    },
-    getSpanArr(data) {
-      for (var i = 0; i < data.length; i++) {
-        if (i === 0) {
-          this.spanArr.push(1)
-          this.pos = 0
-        } else {
-          // 判断当前元素与上一个元素是否相同
-          if (data[i].Type === data[i - 1].Type) {
-            this.spanArr[this.pos] += 1
-            this.spanArr.push(0)
-          } else {
-            this.spanArr.push(1)
-            this.pos = i
-          }
-        }
-      }
-    },
-    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
-      if (columnIndex === 2) {
-        const _row = this.spanArr[rowIndex]
-        const _col = _row > 0 ? 1 : 0
-        return {
-          rowspan: _row,
-          colspan: _col
-        }
-      } else if (columnIndex === 3) {
-        const _row = this.spanArr[rowIndex]
-        const _col = _row > 0 ? 1 : 0
-        return {
-          rowspan: _row,
-          colspan: _col
-        }
-      } else if (columnIndex === 4) {
-        const _row = this.spanArr[rowIndex]
-        const _col = _row > 0 ? 1 : 0
-        return {
-          rowspan: _row,
-          colspan: _col
-        }
-      }
-    },
-    timeFormatter(row) {
-      return new Date(row.UpdateTime).format('yyyy-MM-dd hh:mm:ss')
-    }
-  }
-}
-</script>
-
-<style lang="scss">
-.education-info{
-  padding:5px 15px;
-  font-size:13px;
-  .btn-wrapper{
-    display: flex;
-    align-items: center;
-  }
-}
-</style>
+<template>
+  <div class="education-info">
+    <div class="btn-wrapper">
+      <el-button style="margin-left:auto" size="small" :disabled="checkID.length==0" @click="downloadAttachement">{{$t('resumeInfo:button:Download')}}</el-button>
+    </div>
+    <el-table
+      :data="tblList"
+      :span-method="objectSpanMethod"
+      size="small"
+      @selection-change="selectMore"
+    >
+      <template slot="empty">
+        <span></span>
+      </template>
+      <el-table-column type="selection" align="left" width="50" />
+      <el-table-column type="index"  :label="$t('resumeInfo:label:No')" width="50" />
+      <el-table-column prop="Type" :label="$t('resumeInfo:label:Type')" min-width="50" show-overflow-tooltip />
+      <el-table-column
+        prop="FileName"
+        :label="$t('resumeInfo:label:FileName')"
+        min-width="80"
+        show-overflow-tooltip
+      />
+      <el-table-column
+        prop="CreateTime"
+        :label="$t('resumeInfo:label:CreateTime')"
+        min-width="50"
+        show-overflow-tooltip
+      />
+      <el-table-column :label="$t('common:action:action')" min-width="150">
+        <template slot-scope="scope">
+          <el-button type="text" size="small" @click="preview(scope.$index, scope.row)">{{$t('resumeInfo:button:view')}}</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+<script>
+import { getDoctorAttachment } from '@/api/reviewers'
+import axios from "axios";
+import JSZip from "jszip";
+import { saveAs } from 'file-saver'
+export default {
+  props: {
+    attachmentList: {
+      type: Array,
+      default() {
+        return []
+      }
+    },
+    doctorId: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      tblList: [],
+      checkID: [],
+      spanArr: [],
+      pos: 0
+    }
+  },
+  created() {
+    this.tblList = this.filterListByType(this.attachmentList)
+    this.getSpanArr(this.tblList)
+  },
+  methods: {
+    filterListByType(arr) {
+      var list = []
+      if (arr.length > 0) {
+        arr.forEach(item => {
+          if (item.Type === 'Diploma of the highest medical degree') {
+            list.push(item)
+          }
+        })
+        arr.forEach(item => {
+          if (item.Type === 'Medical Qualification Certificate') {
+            list.push(item)
+          }
+        })
+        arr.forEach(item => {
+          if (item.Type === 'Practice License') {
+            list.push(item)
+          }
+        })
+        arr.forEach(item => {
+          if (item.Type === 'Modality Certificate(CT)') {
+            list.push(item)
+          }
+        })
+        arr.forEach(item => {
+          if (item.Type === 'Modality Certificate(MRI)') {
+            list.push(item)
+          }
+        })
+        arr.forEach(item => {
+          if (item.Type === 'Modality Certificate(NM)') {
+            list.push(item)
+          }
+        })
+        arr.forEach(item => {
+          if (item.Type === 'Modality Certificate(US)') {
+            list.push(item)
+          }
+        })
+      }
+      return list
+    },
+    getFileData(fileUrl) {
+      return new Promise((resolve, reject) => {
+        axios(fileUrl, {
+          method: 'GET',
+          responseType: 'blob'  // 返回的数据会被强制转为blob类型 ，转换成arraybuffer 也行
+        }).then((res) => {
+          console.log('res', res)
+          resolve(res)
+        }).catch(error => {
+          reject(error)
+        })
+      })
+    },
+    async handleBatchDown(dataSource) {
+      return new Promise(resolve => {
+        const zip = new JSZip() // 创建实例对象
+        const promises = []
+        dataSource.FileList.forEach((item) => {
+          console.log(this.OSSclientConfig.basePath + item.Path)
+          const promise = this.getFileData(this.OSSclientConfig.basePath + item.Path).then((res) => {
+            const fileName = item.FileName + ''
+            // 创建文件用file()，创建文件夹用 floder()
+            zip.file(fileName, res.data, {binary: true})
+          })
+          promises.push(promise)
+        })
+        console.log(promises)
+        // 生成 zip 文件
+        Promise.all(promises).then(() => {
+          // 生成zip 文件
+          zip.generateAsync({
+            type: 'blob',
+            compression: 'DEFLATE',  // STORE: 默认不压缩， DEFLATE：需要压缩
+            compressionOptions: {
+              level: 9          // 压缩等级 1~9   1 压缩速度最快， 9 最优压缩方式
+            }
+          }).then((res) => {
+            saveAs(res, dataSource.ReviewerCode + '_Credentials.zip') // 使用FileSaver.saveAs保存文件，文件名可自定义
+            resolve()
+          })
+        }).catch(reason => {
+          resolve()
+        })
+      })
+    },
+    downloadAttachement() {
+      getDoctorAttachment({
+        DoctorId: this.doctorId,
+        AttachmentIdList: this.checkID
+      }).then(res => {
+        this.handleBatchDown(res.Result)
+      })
+    },
+    preview(index, row) {
+      const filePath = row.FullPath
+      if (filePath) {
+        window.open(this.OSSclientConfig.basePath + filePath, '_blank')
+      }
+    },
+    selectMore(val) {
+      const arr = []
+      for (let index = 0; index < val.length; index++) {
+        arr.push(val[index].Id)
+      }
+      this.checkID = arr
+    },
+    getSpanArr(data) {
+      for (var i = 0; i < data.length; i++) {
+        if (i === 0) {
+          this.spanArr.push(1)
+          this.pos = 0
+        } else {
+          // 判断当前元素与上一个元素是否相同
+          if (data[i].Type === data[i - 1].Type) {
+            this.spanArr[this.pos] += 1
+            this.spanArr.push(0)
+          } else {
+            this.spanArr.push(1)
+            this.pos = i
+          }
+        }
+      }
+    },
+    objectSpanMethod({ row, column, rowIndex, columnIndex }) {
+      if (columnIndex === 2) {
+        const _row = this.spanArr[rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      } else if (columnIndex === 3) {
+        const _row = this.spanArr[rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      } else if (columnIndex === 4) {
+        const _row = this.spanArr[rowIndex]
+        const _col = _row > 0 ? 1 : 0
+        return {
+          rowspan: _row,
+          colspan: _col
+        }
+      }
+    },
+    timeFormatter(row) {
+      return new Date(row.UpdateTime).format('yyyy-MM-dd hh:mm:ss')
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.education-info{
+  padding:5px 15px;
+  font-size:13px;
+  .btn-wrapper{
+    display: flex;
+    align-items: center;
+  }
+}
+</style>
diff --git a/src/views/blindResumeInfo/components/EducationTraining.vue b/src/views/blindResumeInfo/components/EducationTraining.vue
index 00f354a4..38d668e1 100644
--- a/src/views/blindResumeInfo/components/EducationTraining.vue
+++ b/src/views/blindResumeInfo/components/EducationTraining.vue
@@ -1,188 +1,194 @@
-<template>
-  <div class="education-info">
-    <div class="title">Education (in chronological order)</div>
-    <el-table :data="educationList" border style="width: 100%;margin-top:10px;" size="small">
-      <el-table-column type="index" label="No." width="45" />
-      <el-table-column
-        prop="BeginDateStr"
-        label="Start"
-        min-width="55"
-        show-overflow-tooltip
-      />
-      <el-table-column
-        prop="EndDateStr"
-        label="End"
-        min-width="55"
-        show-overflow-tooltip
-      />
-      <el-table-column prop="Degree" label="Degree" min-width="70" show-overflow-tooltip>
-        <template slot-scope="scope">
-          <span v-show="scope.row.Degree">
-            {{ isEnglish?scope.row.Degree:scope.row.DegreeCN }}
-          </span>
-        </template>
-      </el-table-column>
-      <el-table-column prop="Major" label="Major" min-width="130" show-overflow-tooltip>
-        <template slot-scope="scope">
-          <span v-show="scope.row.Major">
-            {{ isEnglish?scope.row.Major:scope.row.MajorCN }}
-          </span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        prop="Organization"
-        label="Institution"
-        min-width="150"
-        show-overflow-tooltip
-      >
-        <template slot-scope="scope">
-          <span v-show="scope.row.Organization">
-            {{ isEnglish?scope.row.Organization:scope.row.OrganizationCN }}
-          </span>
-        </template>
-      </el-table-column>
-      <el-table-column prop="City" label="City" min-width="70" show-overflow-tooltip>
-        <template slot-scope="scope">
-          <span v-show="scope.row.City">
-            {{ isEnglish?scope.row.City:scope.row.CityCN }}
-          </span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        prop="Province"
-        label="State/Province"
-        min-width="80"
-        show-overflow-tooltip
-      >
-        <template slot-scope="scope">
-          <span v-show="scope.row.Province">
-            {{ isEnglish?scope.row.Province:scope.row.ProvinceCN }}
-          </span>
-        </template>
-      </el-table-column>
-      <el-table-column prop="Country" label="Country" min-width="70" show-overflow-tooltip>
-        <template slot-scope="scope">
-          <span v-show="scope.row.Country">
-            {{ isEnglish?scope.row.Country:scope.row.CountryCN }}
-          </span>
-        </template>
-      </el-table-column>
-    </el-table>
-
-    <div class="title">Postgraduate Training (in chronological order)</div>
-    <el-table :data="postgraduateList" border style="width: 100%" size="small">
-      <el-table-column type="index" label="No." width="45" />
-      <el-table-column
-        prop="BeginDateStr"
-        label="Start"
-        min-width="55"
-        show-overflow-tooltip
-      />
-      <el-table-column
-        prop="EndDateStr"
-        label="End"
-        min-width="55"
-        show-overflow-tooltip
-      />
-      <el-table-column prop="Training" label="Training" min-width="70" show-overflow-tooltip>
-        <template slot-scope="scope">
-          <span v-show="scope.row.Training">
-            {{ isEnglish?scope.row.Training:scope.row.TrainingCN }}
-          </span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        prop="Major"
-        label="Specialty / Research Field"
-        min-width="140"
-        show-overflow-tooltip
-      >
-        <template slot-scope="scope">
-          <span v-show="scope.row.Major">
-            {{ isEnglish?scope.row.Major:scope.row.MajorCN }}
-          </span>
-        </template>
-      </el-table-column>
-
-      <el-table-column prop="Hospital" label="Hospital" min-width="110" show-overflow-tooltip>
-        <template slot-scope="scope">
-          <span v-show="scope.row.Hospital">
-            {{ isEnglish?scope.row.Hospital:scope.row.HospitalCN }}
-          </span>
-        </template>
-      </el-table-column>
-      <el-table-column prop="School" label="University" min-width="120" show-overflow-tooltip>
-        <template slot-scope="scope">
-          <span v-show="scope.row.School">
-            {{ isEnglish?scope.row.School:scope.row.SchoolCN }}
-          </span>
-        </template>
-      </el-table-column>
-      <el-table-column prop="City" label="City" min-width="70" show-overflow-tooltip>
-        <template slot-scope="scope">
-          <span v-show="scope.row.City">
-            {{ isEnglish?scope.row.City:scope.row.CityCN }}
-          </span>
-        </template>
-      </el-table-column>
-      <el-table-column
-        prop="Province"
-        label="State/Province"
-        min-width="90"
-        show-overflow-tooltip
-      >
-        <template slot-scope="scope">
-          <span v-show="scope.row.Province">
-            {{ isEnglish?scope.row.Province:scope.row.ProvinceCN }}
-          </span>
-        </template>
-      </el-table-column>
-      <el-table-column prop="Country" label="Country" min-width="70" show-overflow-tooltip>
-        <template slot-scope="scope">
-          <span v-show="scope.row.Country">
-            {{ isEnglish?scope.row.Country:scope.row.CountryCN }}
-          </span>
-        </template>
-      </el-table-column>
-    </el-table>
-  </div>
-</template>
-<script>
-export default {
-  props: {
-    educationList: {
-      type: Array,
-      default() {
-        return []
-      }
-    },
-    postgraduateList: {
-      type: Array,
-      default() {
-        return []
-      }
-    },
-    isEnglish: {
-      type: Boolean
-    }
-  },
-  methods: {
-  }
-}
-</script>
-
-<style lang="scss">
-.education-info{
-  padding:5px 15px;
-  font-size:13px;
-  .title{
-    height: 30px;
-    line-height: 30px;
-    background-color: #9c9fa6;
-    font-size: 14px;
-    padding-left: 10px;
-    color: #fff;
-    margin: 10px 0;
-  }
-}
-</style>
+<template>
+  <div class="education-info">
+    <div class="title">{{ $t('resumeInfo:label:Education') }}</div>
+    <el-table :data="educationList" border style="width: 100%;margin-top:10px;" size="small">
+      <template slot="empty">
+        <span></span>
+      </template>
+      <el-table-column type="index" :label="$t('resumeInfo:label:No')" width="45" />
+      <el-table-column
+        prop="BeginDateStr"
+        :label="$t('resumeInfo:label:BeginDateStr')"
+        min-width="55"
+        show-overflow-tooltip
+      />
+      <el-table-column
+        prop="EndDateStr"
+        :label="$t('resumeInfo:label:EndDateStr')"
+        min-width="55"
+        show-overflow-tooltip
+      />
+      <el-table-column prop="Degree" :label="$t('resumeInfo:label:Degree')" min-width="70" show-overflow-tooltip>
+        <template slot-scope="scope">
+          <span v-show="scope.row.Degree">
+            {{ isEnglish?scope.row.Degree:scope.row.DegreeCN }}
+          </span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="Major" :label="$t('resumeInfo:label:Major')" min-width="130" show-overflow-tooltip>
+        <template slot-scope="scope">
+          <span v-show="scope.row.Major">
+            {{ isEnglish?scope.row.Major:scope.row.MajorCN }}
+          </span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="Organization"
+        :label="$t('resumeInfo:label:Institution')"
+        min-width="150"
+        show-overflow-tooltip
+      >
+        <template slot-scope="scope">
+          <span v-show="scope.row.Organization">
+            {{ isEnglish?scope.row.Organization:scope.row.OrganizationCN }}
+          </span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="City" :label="$t('resumeInfo:label:City')" min-width="70" show-overflow-tooltip>
+        <template slot-scope="scope">
+          <span v-show="scope.row.City">
+            {{ isEnglish?scope.row.City:scope.row.CityCN }}
+          </span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="Province"
+        :label="$t('resumeInfo:label:Province')"
+        min-width="80"
+        show-overflow-tooltip
+      >
+        <template slot-scope="scope">
+          <span v-show="scope.row.Province">
+            {{ isEnglish?scope.row.Province:scope.row.ProvinceCN }}
+          </span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="Country" :label="$t('resumeInfo:label:Country')" min-width="70" show-overflow-tooltip>
+        <template slot-scope="scope">
+          <span v-show="scope.row.Country">
+            {{ isEnglish?scope.row.Country:scope.row.CountryCN }}
+          </span>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <div class="title">{{$t('resumeInfo:label:PostgraduateTraining')}}</div>
+    <el-table :data="postgraduateList" border style="width: 100%" size="small">
+      <template slot="empty">
+        <span></span>
+      </template>
+      <el-table-column type="index" :label="$t('resumeInfo:label:No')" width="45" />
+      <el-table-column
+        prop="BeginDateStr"
+        :label="$t('resumeInfo:label:BeginDateStr')"
+        min-width="55"
+        show-overflow-tooltip
+      />
+      <el-table-column
+        prop="EndDateStr"
+        :label="$t('resumeInfo:label:EndDateStr')"
+        min-width="55"
+        show-overflow-tooltip
+      />
+      <el-table-column prop="Training"  :label="$t('resumeInfo:label:Training')" min-width="70" show-overflow-tooltip>
+        <template slot-scope="scope">
+          <span v-show="scope.row.Training">
+            {{ isEnglish?scope.row.Training:scope.row.TrainingCN }}
+          </span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="Major"
+        :label="$t('resumeInfo:label:Specialty')"
+        min-width="140"
+        show-overflow-tooltip
+      >
+        <template slot-scope="scope">
+          <span v-show="scope.row.Major">
+            {{ isEnglish?scope.row.Major:scope.row.MajorCN }}
+          </span>
+        </template>
+      </el-table-column>
+
+      <el-table-column prop="Hospital" :label="$t('resumeInfo:label:Hospital')" min-width="110" show-overflow-tooltip>
+        <template slot-scope="scope">
+          <span v-show="scope.row.Hospital">
+            {{ isEnglish?scope.row.Hospital:scope.row.HospitalCN }}
+          </span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="School" :label="$t('resumeInfo:label:University')" min-width="120" show-overflow-tooltip>
+        <template slot-scope="scope">
+          <span v-show="scope.row.School">
+            {{ isEnglish?scope.row.School:scope.row.SchoolCN }}
+          </span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="City" :label="$t('resumeInfo:label:City')" min-width="70" show-overflow-tooltip>
+        <template slot-scope="scope">
+          <span v-show="scope.row.City">
+            {{ isEnglish?scope.row.City:scope.row.CityCN }}
+          </span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="Province"
+        :label="$t('resumeInfo:label:StateProvince')"
+        min-width="90"
+        show-overflow-tooltip
+      >
+        <template slot-scope="scope">
+          <span v-show="scope.row.Province">
+            {{ isEnglish?scope.row.Province:scope.row.ProvinceCN }}
+          </span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="Country" :label="$t('resumeInfo:label:Country')" min-width="70" show-overflow-tooltip>
+        <template slot-scope="scope">
+          <span v-show="scope.row.Country">
+            {{ isEnglish?scope.row.Country:scope.row.CountryCN }}
+          </span>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    educationList: {
+      type: Array,
+      default() {
+        return []
+      }
+    },
+    postgraduateList: {
+      type: Array,
+      default() {
+        return []
+      }
+    },
+    isEnglish: {
+      type: Boolean
+    }
+  },
+  methods: {
+  }
+}
+</script>
+
+<style lang="scss">
+.education-info{
+  padding:5px 15px;
+  font-size:13px;
+  .title{
+    height: 30px;
+    line-height: 30px;
+    background-color: #9c9fa6;
+    font-size: 14px;
+    padding-left: 10px;
+    color: #fff;
+    margin: 10px 0;
+  }
+}
+</style>
diff --git a/src/views/blindResumeInfo/components/Employment.vue b/src/views/blindResumeInfo/components/Employment.vue
index f616dbbe..380098a6 100644
--- a/src/views/blindResumeInfo/components/Employment.vue
+++ b/src/views/blindResumeInfo/components/Employment.vue
@@ -3,25 +3,25 @@
     <el-form :inline="true" :model="employment" class="demo-form-inline" size="small">
       <el-row>
         <el-col :span="6">
-          <el-form-item label="Department:">
+          <el-form-item :label="$t('resumeInfo:label:Department')">
             <span v-if="isEnglish">{{ employment.Department }}</span>
             <span v-else>{{ employment.DepartmentCN }}</span>
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-form-item label="Rank:">
+          <el-form-item :label="$t('resumeInfo:label:Rank')">
             <span v-if="isEnglish">{{ employment.Rank }}</span>
             <span v-else>{{ employment.RankCN }}</span>
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-form-item label="Physician:">
+          <el-form-item :label="$t('resumeInfo:label:Physician')">
             <span v-if="isEnglish">{{ employment.Physician }}</span>
             <span v-else>{{ employment.PhysicianCN }}</span>
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-form-item label="Position:">
+          <el-form-item :label="$t('resumeInfo:label:Position')">
             <span v-if="isEnglish">{{ employment.Position }}</span>
             <span v-else>{{ employment.PositionCN }}</span>
           </el-form-item>
@@ -30,31 +30,31 @@
 
       <el-row>
         <el-col :span="6">
-          <el-form-item label="Hospital:">
+          <el-form-item :label="$t('resumeInfo:label:Hospital')">
             <span v-if="isEnglish">{{ employment.HospitalName }}</span>
             <span v-else>{{ employment.HospitalNameCN }}</span>
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-form-item label="Affiliated University:">
+          <el-form-item :label="$t('resumeInfo:label:Affiliated')">
             <span v-if="isEnglish">{{ employment.UniversityAffiliated }}</span>
             <span v-else>{{ employment.UniversityAffiliatedCN }}</span>
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-form-item label="City:">
+          <el-form-item :label="$t('resumeInfo:label:City')">
             <span v-if="isEnglish">{{ employment.City }}</span>
             <span v-else>{{ employment.CityCN }}</span>
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-form-item label="State/Province:">
+          <el-form-item :label="$t('resumeInfo:label:StateProvince')">
             <span v-if="isEnglish">{{ employment.Province }}</span>
             <span v-else>{{ employment.ProvinceCN }}</span>
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-form-item label="Country:">
+          <el-form-item :label="$t('resumeInfo:label:Country:')">
             <span v-if="isEnglish">{{ employment.Country }}</span>
             <span v-else>{{ employment.CountryCN }}</span>
           </el-form-item>
diff --git a/src/views/blindResumeInfo/components/ResearchPublication.vue b/src/views/blindResumeInfo/components/ResearchPublication.vue
index 4f15d349..e4ee38ef 100644
--- a/src/views/blindResumeInfo/components/ResearchPublication.vue
+++ b/src/views/blindResumeInfo/components/ResearchPublication.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="research-info">
     <el-form :model="researchInfo" class="demo-form-inline" size="small">
-      <el-form-item label="Field of Research:">
+      <el-form-item :label="$t('resumeInfo:label:FieldofResearch')" prop="FieldofResearch">
         <el-input
           v-if="isEnglish"
           v-model="researchInfo.Research"
@@ -18,7 +18,7 @@
         />
       </el-form-item>
 
-      <el-form-item label="Grants:">
+      <el-form-item :label="$t('resumeInfo:label:Grants')"  prop="Grants">
         <el-input
           v-if="isEnglish"
           v-model="researchInfo.Grants"
@@ -35,7 +35,7 @@
         />
       </el-form-item>
 
-      <el-form-item label="Publications:">
+      <el-form-item :label="$t('resumeInfo:label:Publications')" prop="BlindPublications">
         <el-input
           v-model="auditView.BlindPublications"
           type="textarea"
@@ -44,7 +44,7 @@
         />
       </el-form-item>
 
-      <el-form-item label="Awards & Honors:">
+      <el-form-item :label="$t('resumeInfo:label:Awards&Honors')" prop="AwardsHonors">
         <el-input
           v-if="isEnglish"
           v-model="researchInfo.AwardsHonors"
diff --git a/src/views/blindResumeInfo/components/Resume.vue b/src/views/blindResumeInfo/components/Resume.vue
index 0a00eefc..ab341dd4 100644
--- a/src/views/blindResumeInfo/components/Resume.vue
+++ b/src/views/blindResumeInfo/components/Resume.vue
@@ -1,98 +1,101 @@
-<template>
-  <div class="resume-info">
-    <el-table :data="list" style="margin-top:10px;" size="small">
-      <el-table-column type="index" label="No." width="50" />
-
-      <el-table-column
-        prop="FileName"
-        label="File Name"
-        min-width="60"
-        show-overflow-tooltip
-      />
-      <el-table-column
-        prop="Isoffical"
-        label="Offical"
-        min-width="50"
-        :formatter="officalFormatter"
-        show-overflow-tooltip
-      />
-      <el-table-column
-        prop="Language"
-        label="Language"
-        min-width="50"
-        show-overflow-tooltip
-      >
-        <template slot-scope="scope">
-          {{ scope.row.Language===1?'CH':scope.row.Language===2?'EN':'' }}
-        </template>
-      </el-table-column>
-      <el-table-column
-        prop="CreateTime"
-        label="Upload Time"
-        min-width="60"
-        show-overflow-tooltip
-      />
-      <el-table-column label="Action" min-width="150">
-        <template slot-scope="scope">
-          <el-button type="text" size="small" @click="preview(scope.$index, scope.row)">Download</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
-  </div>
-</template>
-<script>
-export default {
-  props: {
-    resumeList: {
-      type: Array,
-      default() {
-        return []
-      }
-    }
-  },
-  data() {
-    return {
-      list: []
-    }
-  },
-  created() {
-    this.list = this.filterResume(this.resumeList)
-  },
-  methods: {
-    filterResume(arr) {
-      var list = []
-      if (arr.length > 0) {
-        arr.forEach(item => {
-          if (item.Type === 'Resume') {
-            list.push(item)
-          }
-        })
-      }
-      return list
-    },
-    preview(index, row) {
-      const filePath = row.FullPath
-      if (filePath) {
-        window.open(filePath, '_blank')
-      }
-    },
-    timeFormatter(row) {
-      return new Date(row.CreateTime).format('yyyy-MM-dd hh:mm:ss')
-    },
-    officalFormatter(row, column) {
-      if (row.IsOfficial) {
-        return 'Yes'
-      } else {
-        return 'No'
-      }
-    }
-  }
-}
-</script>
-
-<style lang="scss">
-.resume-info{
-  padding:5px 15px;
-  font-size:13px;
-}
-</style>
+<template>
+  <div class="resume-info">
+    <el-table :data="list" style="margin-top:10px;" size="small">
+      <template slot="empty">
+        <span></span>
+      </template>
+      <el-table-column type="index" :label="$t('resumeInfo:label:No')" width="50" />
+      <el-table-column
+        prop="FileName"
+        :label="$t('resumeInfo:label:FileName')"
+        min-width="60"
+        show-overflow-tooltip
+      />
+      <el-table-column
+        prop="Isoffical"
+        :label="$t('resumeInfo:label:Isoffical')"
+        min-width="50"
+        :formatter="officalFormatter"
+        show-overflow-tooltip
+      />
+      <el-table-column
+        prop="Language"
+        :label="$t('resumeInfo:label:Language')"
+        min-width="50"
+        show-overflow-tooltip
+      >
+        <template slot-scope="scope">
+          {{ scope.row.Language===1?'CH':scope.row.Language===2?'EN':'' }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="CreateTime"
+        :label="$t('resumeInfo:label:CreateTime')"
+        min-width="60"
+        show-overflow-tooltip
+      />
+      <el-table-column :label="$t('common:action:action')" min-width="150">
+        <template slot-scope="scope">
+          <el-button type="text" size="small" @click="preview(scope.$index, scope.row)">{{ $t('common:button:download') }}</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    resumeList: {
+      type: Array,
+      default() {
+        return []
+      }
+    }
+  },
+  data() {
+    return {
+      list: []
+    }
+  },
+  created() {
+    this.list = this.filterResume(this.resumeList)
+  },
+  methods: {
+    filterResume(arr) {
+      var list = []
+      if (arr.length > 0) {
+        arr.forEach(item => {
+          if (item.Type === 'Resume') {
+            list.push(item)
+          }
+        })
+      }
+      return list
+    },
+    preview(index, row) {
+      const filePath = row.FullPath
+      if (filePath) {
+        console.log(this.OSSclientConfig.basePath + filePath)
+        window.open(this.OSSclientConfig.basePath + filePath, '_blank')
+      }
+    },
+    timeFormatter(row) {
+      return new Date(row.CreateTime).format('yyyy-MM-dd hh:mm:ss')
+    },
+    officalFormatter(row, column) {
+      if (row.IsOfficial) {
+        return 'Yes'
+      } else {
+        return 'No'
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.resume-info{
+  padding:5px 15px;
+  font-size:13px;
+}
+</style>
diff --git a/src/views/blindResumeInfo/components/Specialty.vue b/src/views/blindResumeInfo/components/Specialty.vue
index 68bd53ab..47005c24 100644
--- a/src/views/blindResumeInfo/components/Specialty.vue
+++ b/src/views/blindResumeInfo/components/Specialty.vue
@@ -1,58 +1,58 @@
-<template>
-  <div class="specialty-info">
-    <el-form :model="specialty" class="demo-form-inline" size="small">
-      <el-form-item label="Specialty:">
-        <span v-if="isEnglish">{{ specialty.Speciality }}</span>
-        <span v-else>{{ specialty.SpecialityCN }}</span>
-      </el-form-item>
-
-      <el-form-item label="Subspeciality:">
-        <span v-if="isEnglish">{{ specialty.Subspeciality }}</span>
-        <span v-else>{{ specialty.SubspecialityCNList }}</span>
-      </el-form-item>
-
-      <el-form-item label="Modality:">
-        <span v-if="isEnglish">{{ specialty.ReadingType }}</span>
-        <span v-else>{{ specialty.ReadingTypeCNList }}</span>
-      </el-form-item>
-
-    </el-form>
-  </div>
-</template>
-<script>
-
-export default {
-  props: {
-    specialty: {
-      type: Object,
-      default() {
-        return {}
-      }
-    },
-    isEnglish: {
-      type: Boolean
-    }
-  }
-}
-</script>
-
-<style lang="scss">
-.specialty-info{
-  padding:5px 15px;
-  font-size:13px;
-  .el-form-item--mini.el-form-item{
-    margin-bottom: 0px;
-  }
-  .el-form-item--small.el-form-item{
-    margin-bottom: 0px;
-  }
-  .el-form-item__content{
-    font-size: 13px;
-  }
-  .el-form-item__label{
-    font-size: 13px;
-    color: #303133;
-    font-weight: bold;
-  }
-}
-</style>
+<template>
+  <div class="specialty-info">
+    <el-form :model="specialty" class="demo-form-inline" size="small">
+      <el-form-item :label="$t('resumeInfo:label:Speciality')">
+        <span v-if="isEnglish">{{ specialty.Speciality }}</span>
+        <span v-else>{{ specialty.SpecialityCN }}</span>
+      </el-form-item>
+
+      <el-form-item :label="$t('resumeInfo:label:Subspeciality')">
+        <span v-if="isEnglish">{{ specialty.Subspeciality }}</span>
+        <span v-else>{{ specialty.SubspecialityCNList }}</span>
+      </el-form-item>
+
+      <el-form-item :label="$t('resumeInfo:label:ReadingType')">
+        <span v-if="isEnglish">{{ specialty.ReadingType }}</span>
+        <span v-else>{{ specialty.ReadingTypeCNList }}</span>
+      </el-form-item>
+
+    </el-form>
+  </div>
+</template>
+<script>
+
+export default {
+  props: {
+    specialty: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    isEnglish: {
+      type: Boolean
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.specialty-info{
+  padding:5px 15px;
+  font-size:13px;
+  .el-form-item--mini.el-form-item{
+    margin-bottom: 0px;
+  }
+  .el-form-item--small.el-form-item{
+    margin-bottom: 0px;
+  }
+  .el-form-item__content{
+    font-size: 13px;
+  }
+  .el-form-item__label{
+    font-size: 13px;
+    color: #303133;
+    font-weight: bold;
+  }
+}
+</style>
diff --git a/src/views/blindResumeInfo/components/StatusInfo.vue b/src/views/blindResumeInfo/components/StatusInfo.vue
index 9ac7760d..4a96ecfe 100644
--- a/src/views/blindResumeInfo/components/StatusInfo.vue
+++ b/src/views/blindResumeInfo/components/StatusInfo.vue
@@ -3,7 +3,7 @@
     <el-form :inline="true" :model="basicInfo" class="demo-form-inline" size="small">
       <el-row>
         <el-col :span="6">
-          <el-form-item label="Pending:">
+          <el-form-item :label="$t('resumeInfo:label:Pending')">
             <span v-if="statusList.Submitted" style="color:#428bca">
               <router-link
                 :to="{
@@ -17,7 +17,7 @@
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-form-item label="Approved:">
+          <el-form-item :label="$t('resumeInfo:label:Approved')">
             <span v-if="statusList.Approved" style="color:#428bca">
               <router-link
                 :to="{
@@ -31,7 +31,7 @@
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-form-item label="Reading:">
+          <el-form-item :label="$t('resumeInfo:label:Reading')">
             <span v-if="statusList.Reading" style="color:#428bca">
               <router-link
                 :to="{
@@ -44,19 +44,19 @@
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-form-item label="On Vacation:">
+          <el-form-item :label="$t('resumeInfo:label:Vacation')">
             <span style="font-size:12px;margin-right:20px;">{{ holiday }}</span>
             <el-button
               type="text"
               size="small"
               @click="initHolidayList"
-            >Planned Vacation</el-button>
+            >{{ $t('resumeInfo:label:PlannedVacation') }}</el-button>
           </el-form-item>
         </el-col>
       </el-row>
     </el-form>
     <el-dialog
-      title="Vacation"
+      :title="$t('resumeInfo:label:Vacation')"
       :visible.sync="dialogVisible"
       width="35%"
       :close-on-click-modal="false"
@@ -65,13 +65,13 @@
         <el-table-column type="index" />
         <el-table-column
           property="StartDate"
-          label="Beginning Date"
+          :label="$t('resumeInfo:label:BeginningDate')"
           min-width="120"
           :formatter="beginTimeFormatter"
         />
         <el-table-column
           property="EndDate"
-          label="End Date"
+          :label="$t('resumeInfo:label:EndDate')"
           min-width="120"
           :formatter="endTimeFormatter"
         />
diff --git a/src/views/blindResumeInfo/components/TrialExperience.vue b/src/views/blindResumeInfo/components/TrialExperience.vue
index a5b51bdd..2097affd 100644
--- a/src/views/blindResumeInfo/components/TrialExperience.vue
+++ b/src/views/blindResumeInfo/components/TrialExperience.vue
@@ -1,12 +1,15 @@
 <template>
   <div class="trialExperience-info">
-    <div class="title">Clinical Trial Experience</div>
+    <div class="title">{{$t('resumeInfo:title:ClinicalTrialExperience')}}</div>
     <el-table :data="GCPList" border style="width: 100%" size="small">
-      <el-table-column type="index" label="No." width="50" />
-      <el-table-column prop="Phase" label="Phase" min-width="20" show-overflow-tooltip />
+      <template slot="empty">
+        <span></span>
+      </template>
+      <el-table-column type="index" :label="$t('resumeInfo:label:No')" width="50" />
+      <el-table-column prop="Phase" :label="$t('resumeInfo:label:Phase')" min-width="20" show-overflow-tooltip />
       <el-table-column
         prop="EvaluationCriteriaList"
-        label="Review Criteria"
+        :label="$t('resumeInfo:label:ReviewCriteria')"
         min-width="40"
         show-overflow-tooltip
       >
@@ -16,24 +19,30 @@
       </el-table-column>
       <el-table-column
         prop="VisitReadingCount"
-        label="Visit Reading Count"
+        :label="$t('resumeInfo:label:VisitReadingCount')"
         min-width="150"
         show-overflow-tooltip
       />
       <el-table-column
         prop="EvaluationContent"
-        label="Indication"
+        :label="$t('resumeInfo:label:EvaluationContent')"
         min-width="150"
         show-overflow-tooltip
       />
     </el-table>
 
     <el-form :model="form" class="demo-form-inline" size="small">
-      <el-form-item label="GCP Certificate:">
+      <el-form-item :label="$t('resumeInfo:label:GCPCertificate')">
         <span>{{ GCP }}</span>
+        <a
+          v-if="form.GCP"
+          href="#"
+          class="view"
+          @click.prevent="previewGCP()"
+        >View</a>
       </el-form-item>
 
-      <el-form-item label="Other Relevant Experience:">
+      <el-form-item :label="$t('resumeInfo:label:OtherRelevantExperience')">
         <el-input
           v-if="isEnglish"
           v-model="form.OtherClinicalExperience"
diff --git a/src/views/blindResumeInfo/info.vue b/src/views/blindResumeInfo/info.vue
index c3e1c2c8..05b3d9a8 100644
--- a/src/views/blindResumeInfo/info.vue
+++ b/src/views/blindResumeInfo/info.vue
@@ -16,36 +16,24 @@
 
     <div style="flex:1;margin-top:50px;overflow-y: auto;">
       <el-collapse v-model="activeNames">
-        <el-collapse-item title="Basic Info" name="1">
+        <el-collapse-item :title="$t('resumeInfo:title:BasicInfo')" name="1">
           <basic-info :basic-info="doctorInfo.BasicInfoView" :is-english="isEnglish" />
         </el-collapse-item>
-        <el-collapse-item title="Employment" name="2">
+        <el-collapse-item :title="$t('resumeInfo:title:Employment')" name="2">
           <Employment :employment="workInfo" :is-english="isEnglish" />
         </el-collapse-item>
-        <el-collapse-item title="Specialty" name="3">
+        <el-collapse-item :title="$t('resumeInfo:title:Specialty')" name="3">
           <Specialty :specialty="specialtyList" :is-english="isEnglish" />
         </el-collapse-item>
-        <el-collapse-item title="Education & Training" name="4">
+        <el-collapse-item :title="$t('resumeInfo:title:Education&Training')" name="4">
           <education-training :education-list="doctorInfo.EducationList" :postgraduate-list="doctorInfo.PostgraduateList" :is-english="isEnglish" />
         </el-collapse-item>
-        <el-collapse-item title="Research & Publication" name="5">
+        <el-collapse-item :title="$t('resumeInfo:title:Research&Publication')" name="5">
           <research-publication :research-info="doctorInfo.ResearchPublicationView" :audit-view="doctorInfo.AuditView" :is-english="isEnglish" />
         </el-collapse-item>
-        <el-collapse-item title="Trial Experience" name="6">
+        <el-collapse-item :title="$t('resumeInfo:title:TrialExperience')" name="6">
           <trial-experience v-if="doctorInfo.TrialExperienceView" :trial-experience="doctorInfo.TrialExperienceView" :is-english="isEnglish" />
         </el-collapse-item>
-<!--        <el-collapse-item title="Credentials" name="7">-->
-<!--          <Credentials v-if="doctorInfo.AttachmentList" :attachment-list="doctorInfo.AttachmentList" :doctor-id="doctorId" />-->
-<!--        </el-collapse-item>-->
-<!--        <el-collapse-item title="Resume" name="8">-->
-<!--          <Resume v-if="doctorInfo.AttachmentList" :resume-list="doctorInfo.AttachmentList" />-->
-<!--        </el-collapse-item>-->
-<!--        <el-collapse-item title="Agreements" name="9">-->
-<!--          <Agreements v-if="doctorInfo.AttachmentList" :doctor-info="doctorInfo" />-->
-<!--        </el-collapse-item>-->
-<!--        <el-collapse-item title="Comment" name="10">-->
-<!--          <Comment :status-list="statusList" />-->
-<!--        </el-collapse-item>-->
       </el-collapse>
     </div>
   </div>
@@ -63,6 +51,7 @@ import Credentials from './components/Credentials'
 import Resume from './components/Resume'
 import Agreements from './components/Agreements'
 import Comment from './components/Comment'
+import {mapMutations} from "vuex";
 export default {
   components: { StatusInfo, BasicInfo, Employment, Specialty, EducationTraining, ResearchPublication, TrialExperience, Credentials, Resume, Agreements, Comment },
   data() {
@@ -90,13 +79,26 @@ export default {
       doctorId: ''
     }
   },
+  watch: {
+    isEnglish(v) {
+      if (v === true) {
+        this.$i18n.locale = 'en'
+        this.setLanguage('en')
+        this.$updateDictionary()
+      } else {
+        this.$i18n.locale = 'zh'
+        this.setLanguage('zh')
+        this.$updateDictionary()
+      }
+    }
+  },
   mounted() {
     this.isEnglish = !!((this.$route.query.isEnglish === true || this.$route.query.isEnglish === 'true'))
     this.doctorId = this.$route.query.doctorId
     this.initForm()
   },
   methods: {
-
+    ...mapMutations({ setLanguage: 'lang/setLanguage' }),
     initStatus() {
       if (this.doctorInfo.AuditView) {
         const res = this.doctorInfo.AuditView
diff --git a/src/views/dictionary/institutions/components/SiteForm.vue b/src/views/dictionary/institutions/components/SiteForm.vue
index 669fdba8..351abb77 100644
--- a/src/views/dictionary/institutions/components/SiteForm.vue
+++ b/src/views/dictionary/institutions/components/SiteForm.vue
@@ -13,9 +13,14 @@
         <el-input v-model="form.SiteCode" disabled />
       </el-form-item>
 
-      <el-form-item label="Site Name: " prop="SiteName">
+      <!-- 中心名称 -->
+      <el-form-item :label="$t('trials:customSite:form:siteName')" prop="SiteName">
         <el-input v-model="form.SiteName" />
       </el-form-item>
+      <!-- 中心名称（CN） -->
+      <el-form-item :label="$t('trials:customSite:form:siteName') + '（CN）'" v-if="!show" prop="SiteNameCN">
+        <el-input v-model="form.SiteNameCN" />
+      </el-form-item>
 
       <el-form-item label="Alias Name: ">
         <el-input v-model="form.AliasName" />
@@ -113,6 +118,10 @@ export default {
           { required: true, message: 'Please specify', trigger: 'blur' },
           { max: 50, message: 'The maximum length is 50' }
         ],
+        SiteNameCN: [
+          { required: true, message: 'Please 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' }
@@ -144,11 +153,13 @@ export default {
           { max: 50, message: 'The maximum length is 50' }
         ]
       },
-      loading: false
+      loading: false,
+      show: false
     }
   },
   mounted() {
     this.initForm()
+    this.show = process.env.VUE_APP_OSS_PATH === '/usa/dist'
   },
   methods: {
     handleSave() {
diff --git a/src/views/none-dicom-show/multiple.vue b/src/views/none-dicom-show/multiple.vue
index 009766ba..b94a9a40 100644
--- a/src/views/none-dicom-show/multiple.vue
+++ b/src/views/none-dicom-show/multiple.vue
@@ -75,7 +75,7 @@ export default {
     },
     downLoadFile(filePath) {
       if (!filePath) return
-      window.open(filePath, '_blank')
+      window.open(this.OSSclientConfig.basePath + filePath, '_blank')
     },
     preview(file) {
       this.$set(this.fileInfo, 'currentId', file.Id)
diff --git a/src/views/none-dicom-show/single.vue b/src/views/none-dicom-show/single.vue
index a60db34b..a1cb6721 100644
--- a/src/views/none-dicom-show/single.vue
+++ b/src/views/none-dicom-show/single.vue
@@ -1,100 +1,100 @@
-<template>
-  <div v-loading="loading" class="preview-wrapper">
-    <el-tabs tab-position="right" type="card">
-      <el-tab-pane v-for="file in fileList" :key="file.Id" :label="file.FileName">
-
-        <iframe
-          v-if="file.Type.indexOf('jpg') !== -1 || file.Type.indexOf('png') !== -1"
-          frameborder="0"
-          :src="file.FullFilePath"
-          width="100%"
-          height="100%"
-        />
-        <!-- <embed v-else-if="file.Type.indexOf('pdf') !== -1" :src="file.FullFilePath" style="width: 100%; height: 100%"> -->
-        <!-- <iframe v-else-if="file.Type.indexOf('pdf') !== -1" :src="file.FullFilePath+'#toolbar=0'" width="100%" height="100%" frameborder="0" /> -->
-        <iframe v-else-if="file.Type.indexOf('pdf') !== -1" :src="`/static/pdfjs/web/viewer.html?file=${file.FullFilePath}`" width="100%" height="100%" frameborder="0" />
-        <div v-else>
-          {{ $t('common:message:downloadFile') }}
-          <el-link type="primary" @click="downLoadFile(file.FullFilePath)">{{ $t('common:button:download') }}</el-link>
-        </div>
-      </el-tab-pane>
-    </el-tabs>
-  </div>
-</template>
-<script>
-
-import { getNoneDicomStudyFileList } from '@/api/trials'
-import store from '@/store'
-import { changeURLStatic } from '@/utils/history.js'
-export default {
-  name: 'SingleNoneDicom',
-  data() {
-    return {
-      fileType: '',
-      fileUrl: '',
-      loading: false,
-      fileList: [],
-      noneDicomId: ''
-    }
-  },
-  mounted() {
-    if (this.$router.currentRoute.query.TokenKey) {
-      store.dispatch('user/setToken', this.$router.currentRoute.query.TokenKey)
-      changeURLStatic('TokenKey', '')
-    }
-    this.noneDicomId = this.$router.currentRoute.query.Id
-    this.getFileList()
-  },
-  methods: {
-    getFileList() {
-      this.loading = true
-      getNoneDicomStudyFileList(this.noneDicomId).then(res => {
-        this.fileList = res.Result
-        this.fileList.forEach(file => {
-          const fileName = file.FileName
-          file.Type = fileName.substring(fileName.lastIndexOf('.') + 1).toLocaleLowerCase()
-        })
-        this.loading = false
-      }).catch(() => { this.loading = false })
-    },
-    downLoadFile(filePath) {
-      if (!filePath) return
-      window.open(filePath, '_blank')
-    }
-  }
-}
-</script>
-<style lang="scss">
-.preview-wrapper{
-  height: 100%;
-  ::-webkit-scrollbar {
-    width: 7px;
-    height: 7px;
-  }
-  ::-webkit-scrollbar-thumb {
-    border-radius: 10px;
-    background: #d0d0d0;
-  }
-  .el-tabs{
-    display: flex;
-    flex-direction: row !important;
-    width: 100%;
-    height: 100%;
-    .el-tabs__header{
-      margin-right: 10px !important;
-      height: 100% !important;
-      width: 300px;
-      border: 2px solid #E4E7ED;
-     overflow: auto;
-    }
-    .el-tabs__content{
-      flex: 1;
-      height: 100%;
-      .el-tab-pane{
-        height: 100%;
-      }
-    }
-  }
-
-}
-</style>
+<template>
+  <div v-loading="loading" class="preview-wrapper">
+    <el-tabs tab-position="right" type="card">
+      <el-tab-pane v-for="file in fileList" :key="file.Id" :label="file.FileName">
+
+        <iframe
+          v-if="file.Type.indexOf('jpg') !== -1 || file.Type.indexOf('png') !== -1"
+          frameborder="0"
+          :src="file.FullFilePath"
+          width="100%"
+          height="100%"
+        />
+        <!-- <embed v-else-if="file.Type.indexOf('pdf') !== -1" :src="file.FullFilePath" style="width: 100%; height: 100%"> -->
+        <!-- <iframe v-else-if="file.Type.indexOf('pdf') !== -1" :src="file.FullFilePath+'#toolbar=0'" width="100%" height="100%" frameborder="0" /> -->
+        <iframe v-else-if="file.Type.indexOf('pdf') !== -1" :src="`/static/pdfjs/web/viewer.html?file=${file.FullFilePath}`" width="100%" height="100%" frameborder="0" />
+        <div v-else>
+          {{ $t('common:message:downloadFile') }}
+          <el-link type="primary" @click="downLoadFile(file.FullFilePath)">{{ $t('common:button:download') }}</el-link>
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+<script>
+
+import { getNoneDicomStudyFileList } from '@/api/trials'
+import store from '@/store'
+import { changeURLStatic } from '@/utils/history.js'
+export default {
+  name: 'SingleNoneDicom',
+  data() {
+    return {
+      fileType: '',
+      fileUrl: '',
+      loading: false,
+      fileList: [],
+      noneDicomId: ''
+    }
+  },
+  mounted() {
+    if (this.$router.currentRoute.query.TokenKey) {
+      store.dispatch('user/setToken', this.$router.currentRoute.query.TokenKey)
+      changeURLStatic('TokenKey', '')
+    }
+    this.noneDicomId = this.$router.currentRoute.query.Id
+    this.getFileList()
+  },
+  methods: {
+    getFileList() {
+      this.loading = true
+      getNoneDicomStudyFileList(this.noneDicomId).then(res => {
+        this.fileList = res.Result
+        this.fileList.forEach(file => {
+          const fileName = file.FileName
+          file.Type = fileName.substring(fileName.lastIndexOf('.') + 1).toLocaleLowerCase()
+        })
+        this.loading = false
+      }).catch(() => { this.loading = false })
+    },
+    downLoadFile(filePath) {
+      if (!filePath) return
+      window.open(this.OSSclientConfig.basePath + filePath, '_blank')
+    }
+  }
+}
+</script>
+<style lang="scss">
+.preview-wrapper{
+  height: 100%;
+  ::-webkit-scrollbar {
+    width: 7px;
+    height: 7px;
+  }
+  ::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    background: #d0d0d0;
+  }
+  .el-tabs{
+    display: flex;
+    flex-direction: row !important;
+    width: 100%;
+    height: 100%;
+    .el-tabs__header{
+      margin-right: 10px !important;
+      height: 100% !important;
+      width: 300px;
+      border: 2px solid #E4E7ED;
+     overflow: auto;
+    }
+    .el-tabs__content{
+      flex: 1;
+      height: 100%;
+      .el-tab-pane{
+        height: 100%;
+      }
+    }
+  }
+
+}
+</style>
diff --git a/src/views/resumeInfo/components/Agreements.vue b/src/views/resumeInfo/components/Agreements.vue
index dd9e7a19..d8ec72d6 100644
--- a/src/views/resumeInfo/components/Agreements.vue
+++ b/src/views/resumeInfo/components/Agreements.vue
@@ -14,21 +14,21 @@
 
       <el-table-column
         prop="TrialCode"
-        label="Trial ID"
+        :label="$t('resumeInfo:label:TrialCode')"
         min-width="50"
         show-overflow-tooltip
       />
-      <el-table-column prop="Type" label="File Type" min-width="80" show-overflow-tooltip />
+      <el-table-column prop="Type" :label="$t('resumeInfo:label:Type')" min-width="80" show-overflow-tooltip />
       <el-table-column
         prop="FileName"
-        label="File Name"
+        :label="$t('resumeInfo:label:FileName')"
         min-width="100"
         show-overflow-tooltip
       />
 
       <el-table-column
         prop="CreateTime"
-        label="Upload Time"
+        :label="$t('resumeInfo:label:CreateTime')"
         min-width="60"
         show-overflow-tooltip
       />
@@ -39,7 +39,7 @@
             size="small"
             type="text"
             @click="preview(scope.$index, scope.row)"
-          >View</el-button>
+          >{{$t('resumeInfo:button:view')}}</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -124,7 +124,7 @@ export default {
     preview(index, row) {
       const filePath = row.FullPath
       if (filePath) {
-        window.open(filePath, '_blank')
+        window.open(this.OSSclientConfig.basePath + filePath, '_blank')
       }
     },
     timeFormatter(row) {
diff --git a/src/views/resumeInfo/components/BasicInfo.vue b/src/views/resumeInfo/components/BasicInfo.vue
index e2151b34..b289de67 100644
--- a/src/views/resumeInfo/components/BasicInfo.vue
+++ b/src/views/resumeInfo/components/BasicInfo.vue
@@ -1,101 +1,101 @@
-<template>
-  <div class="basic-info">
-    <el-form :inline="true" :model="basicInfo" class="demo-form-inline" size="small">
-      <el-row>
-        <el-col :span="6">
-          <el-form-item label="Surname:">
-            <span>{{ basicInfo.LastName }}</span>
-          </el-form-item>
-        </el-col>
-        <el-col :span="6">
-          <el-form-item label="Given Name:">
-            <span>{{ basicInfo.FirstName }}</span>
-          </el-form-item>
-        </el-col>
-        <el-col :span="6">
-          <el-form-item label="Name CN:">
-            <span>{{ basicInfo.ChineseName }}</span>
-          </el-form-item>
-        </el-col>
-        <el-col :span="6">
-          <el-form-item label="ID:">
-            <span>{{ basicInfo.ReviewerCode }}</span>
-          </el-form-item>
-        </el-col>
-      </el-row>
-
-      <el-row>
-        <el-col :span="6">
-          <el-form-item label="Gender:">
-            <span v-if="isEnglish">{{ basicInfo.Sex === 0?'Male':'Female' }}</span>
-            <span v-else>{{ basicInfo.Sex === 0?'男':'女' }}</span>
-          </el-form-item>
-        </el-col>
-        <el-col :span="6">
-          <el-form-item label="Title:">
-            <span v-if="isEnglish">
-              {{ (Array.isArray(basicInfo.Title)&& basicInfo.Title.length > 0) ? basicInfo.TitleList.join(', ') : '' }}
-            </span>
-            <span v-else>
-              {{ (Array.isArray(basicInfo.TitleCNList)&& basicInfo.TitleCNList.length > 0) ? basicInfo.TitleCNList.join(', ') : '' }}
-            </span>
-          </el-form-item>
-        </el-col>
-        <el-col :span="6">
-          <el-form-item label="Phone:">
-            <span>{{ basicInfo.Phone }}</span>
-          </el-form-item>
-        </el-col>
-        <el-col :span="6">
-          <el-form-item label="Email:">
-            <span>{{ basicInfo.EMail }}</span>
-          </el-form-item>
-        </el-col>
-      </el-row>
-
-      <el-row>
-        <el-col :span="6">
-          <el-form-item label="WeChat:">
-            <span>{{ basicInfo.WeChat }}</span>
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
-  </div>
-</template>
-<script>
-
-export default {
-  props: {
-    basicInfo: {
-      type: Object,
-      default() {
-        return {}
-      }
-    },
-    isEnglish: {
-      type: Boolean
-    }
-  }
-}
-</script>
-<style lang="scss">
-.basic-info{
-  padding:5px 15px;
-  font-size:13px;
-  .el-form-item--mini.el-form-item{
-    margin-bottom: 0px;
-  }
-  .el-form-item--small.el-form-item{
-    margin-bottom: 0px;
-  }
-  .el-form-item__content{
-    font-size: 13px;
-  }
-  .el-form-item__label{
-    font-size: 13px;
-    color: #303133;
-    font-weight: bold;
-  }
-}
-</style>
+<template>
+  <div class="basic-info">
+    <el-form :inline="true" :model="basicInfo" class="demo-form-inline" size="small">
+      <el-row>
+        <el-col :span="6">
+          <el-form-item :label="$t('resumeInfo:label:Surname')">
+            <span>{{ basicInfo.LastName }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item :label="$t('resumeInfo:label:FirstName')">
+            <span>{{ basicInfo.FirstName }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item :label="$t('resumeInfo:label:ChineseName')">
+            <span>{{ basicInfo.ChineseName }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item :label="$t('resumeInfo:label:ReviewerCode')">
+            <span>{{ basicInfo.ReviewerCode }}</span>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="6">
+          <el-form-item :label="$t('resumeInfo:label:Sex')">
+            <span v-if="isEnglish">{{ basicInfo.Sex === 0?'Male':'Female' }}</span>
+            <span v-else>{{ basicInfo.Sex === 0?'男':'女' }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item :label="$t('resumeInfo:label:Title')">
+            <span v-if="isEnglish">
+              {{ (Array.isArray(basicInfo.Title)&& basicInfo.Title.length > 0) ? basicInfo.TitleList.join(', ') : '' }}
+            </span>
+            <span v-else>
+              {{ (Array.isArray(basicInfo.TitleCNList)&& basicInfo.TitleCNList.length > 0) ? basicInfo.TitleCNList.join(', ') : '' }}
+            </span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item :label="$t('resumeInfo:label:Phone')">
+            <span>{{ basicInfo.Phone }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item :label="$t('resumeInfo:label:Email')">
+            <span>{{ basicInfo.EMail }}</span>
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-row>
+        <el-col :span="6">
+          <el-form-item :label="$t('resumeInfo:label:WeChat')">
+            <span>{{ basicInfo.WeChat }}</span>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+  </div>
+</template>
+<script>
+
+export default {
+  props: {
+    basicInfo: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    isEnglish: {
+      type: Boolean
+    }
+  }
+}
+</script>
+<style lang="scss">
+.basic-info{
+  padding:5px 15px;
+  font-size:13px;
+  .el-form-item--mini.el-form-item{
+    margin-bottom: 0px;
+  }
+  .el-form-item--small.el-form-item{
+    margin-bottom: 0px;
+  }
+  .el-form-item__content{
+    font-size: 13px;
+  }
+  .el-form-item__label{
+    font-size: 13px;
+    color: #303133;
+    font-weight: bold;
+  }
+}
+</style>
diff --git a/src/views/resumeInfo/components/Comment.vue b/src/views/resumeInfo/components/Comment.vue
index f03b91c4..6d458983 100644
--- a/src/views/resumeInfo/components/Comment.vue
+++ b/src/views/resumeInfo/components/Comment.vue
@@ -1,48 +1,48 @@
-<template>
-  <div class="comment-info">
-    <el-form :model="statusList" class="demo-form-inline" size="small">
-      <el-form-item label="Comment:">
-        <el-input
-          v-model="statusList.AdminComment"
-          type="textarea"
-          autosize
-          readonly
-        />
-      </el-form-item>
-    </el-form>
-  </div>
-</template>
-<script>
-
-export default {
-  props: {
-    statusList: {
-      type: Object,
-      default() {
-        return {}
-      }
-    }
-  }
-}
-</script>
-
-<style lang="scss">
-.comment-info{
-  padding:5px 15px;
-  font-size:13px;
-  .el-form-item--mini.el-form-item{
-    margin-bottom: 0px;
-  }
-  .el-form-item--small.el-form-item{
-    margin-bottom: 0px;
-  }
-  .el-form-item__content{
-    font-size: 13px;
-  }
-  .el-form-item__label{
-    font-size: 13px;
-    color: #303133;
-    font-weight: bold;
-  }
-}
-</style>
+<template>
+  <div class="comment-info">
+    <el-form :model="statusList" class="demo-form-inline" size="small">
+      <el-form-item :label="$t('resumeInfo:label:Comment')">
+        <el-input
+          v-model="statusList.AdminComment"
+          type="textarea"
+          autosize
+          readonly
+        />
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+<script>
+
+export default {
+  props: {
+    statusList: {
+      type: Object,
+      default() {
+        return {}
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.comment-info{
+  padding:5px 15px;
+  font-size:13px;
+  .el-form-item--mini.el-form-item{
+    margin-bottom: 0px;
+  }
+  .el-form-item--small.el-form-item{
+    margin-bottom: 0px;
+  }
+  .el-form-item__content{
+    font-size: 13px;
+  }
+  .el-form-item__label{
+    font-size: 13px;
+    color: #303133;
+    font-weight: bold;
+  }
+}
+</style>
diff --git a/src/views/resumeInfo/components/Credentials.vue b/src/views/resumeInfo/components/Credentials.vue
index faf83ecd..7bb68029 100644
--- a/src/views/resumeInfo/components/Credentials.vue
+++ b/src/views/resumeInfo/components/Credentials.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="education-info">
     <div class="btn-wrapper">
-      <el-button style="margin-left:auto" size="small" :disabled="checkID.length==0" @click="downloadAttachement">Download</el-button>
+      <el-button style="margin-left:auto" size="small" :disabled="checkID.length==0" @click="downloadAttachement">{{$t('resumeInfo:button:Download')}}</el-button>
     </div>
     <el-table
       :data="tblList"
@@ -13,23 +13,23 @@
         <span></span>
       </template>
       <el-table-column type="selection" align="left" width="50" />
-      <el-table-column type="index" label="No." width="50" />
-      <el-table-column prop="Type" label="Type" min-width="50" show-overflow-tooltip />
+      <el-table-column type="index"  :label="$t('resumeInfo:label:No')" width="50" />
+      <el-table-column prop="Type" :label="$t('resumeInfo:label:Type')" min-width="50" show-overflow-tooltip />
       <el-table-column
         prop="FileName"
-        label="File Name"
+        :label="$t('resumeInfo:label:FileName')"
         min-width="80"
         show-overflow-tooltip
       />
       <el-table-column
         prop="CreateTime"
-        label="Upload Time"
+        :label="$t('resumeInfo:label:CreateTime')"
         min-width="50"
         show-overflow-tooltip
       />
-      <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 type="text" size="small" @click="preview(scope.$index, scope.row)">View</el-button>
+          <el-button type="text" size="small" @click="preview(scope.$index, scope.row)">{{$t('resumeInfo:button:view')}}</el-button>
         </template>
       </el-table-column>
     </el-table>
@@ -163,7 +163,7 @@ export default {
     preview(index, row) {
       const filePath = row.FullPath
       if (filePath) {
-        window.open(filePath, '_blank')
+        window.open(this.OSSclientConfig.basePath + filePath, '_blank')
       }
     },
     selectMore(val) {
diff --git a/src/views/resumeInfo/components/EducationTraining.vue b/src/views/resumeInfo/components/EducationTraining.vue
index 98d6adaa..38d668e1 100644
--- a/src/views/resumeInfo/components/EducationTraining.vue
+++ b/src/views/resumeInfo/components/EducationTraining.vue
@@ -1,31 +1,31 @@
 <template>
   <div class="education-info">
-    <div class="title">Education (in chronological order)</div>
+    <div class="title">{{ $t('resumeInfo:label:Education') }}</div>
     <el-table :data="educationList" border style="width: 100%;margin-top:10px;" size="small">
       <template slot="empty">
         <span></span>
       </template>
-      <el-table-column type="index" label="No." width="45" />
+      <el-table-column type="index" :label="$t('resumeInfo:label:No')" width="45" />
       <el-table-column
         prop="BeginDateStr"
-        label="Start"
+        :label="$t('resumeInfo:label:BeginDateStr')"
         min-width="55"
         show-overflow-tooltip
       />
       <el-table-column
         prop="EndDateStr"
-        label="End"
+        :label="$t('resumeInfo:label:EndDateStr')"
         min-width="55"
         show-overflow-tooltip
       />
-      <el-table-column prop="Degree" label="Degree" min-width="70" show-overflow-tooltip>
+      <el-table-column prop="Degree" :label="$t('resumeInfo:label:Degree')" min-width="70" show-overflow-tooltip>
         <template slot-scope="scope">
           <span v-show="scope.row.Degree">
             {{ isEnglish?scope.row.Degree:scope.row.DegreeCN }}
           </span>
         </template>
       </el-table-column>
-      <el-table-column prop="Major" label="Major" min-width="130" show-overflow-tooltip>
+      <el-table-column prop="Major" :label="$t('resumeInfo:label:Major')" min-width="130" show-overflow-tooltip>
         <template slot-scope="scope">
           <span v-show="scope.row.Major">
             {{ isEnglish?scope.row.Major:scope.row.MajorCN }}
@@ -34,7 +34,7 @@
       </el-table-column>
       <el-table-column
         prop="Organization"
-        label="Institution"
+        :label="$t('resumeInfo:label:Institution')"
         min-width="150"
         show-overflow-tooltip
       >
@@ -44,7 +44,7 @@
           </span>
         </template>
       </el-table-column>
-      <el-table-column prop="City" label="City" min-width="70" show-overflow-tooltip>
+      <el-table-column prop="City" :label="$t('resumeInfo:label:City')" min-width="70" show-overflow-tooltip>
         <template slot-scope="scope">
           <span v-show="scope.row.City">
             {{ isEnglish?scope.row.City:scope.row.CityCN }}
@@ -53,7 +53,7 @@
       </el-table-column>
       <el-table-column
         prop="Province"
-        label="State/Province"
+        :label="$t('resumeInfo:label:Province')"
         min-width="80"
         show-overflow-tooltip
       >
@@ -63,7 +63,7 @@
           </span>
         </template>
       </el-table-column>
-      <el-table-column prop="Country" label="Country" min-width="70" show-overflow-tooltip>
+      <el-table-column prop="Country" :label="$t('resumeInfo:label:Country')" min-width="70" show-overflow-tooltip>
         <template slot-scope="scope">
           <span v-show="scope.row.Country">
             {{ isEnglish?scope.row.Country:scope.row.CountryCN }}
@@ -72,25 +72,25 @@
       </el-table-column>
     </el-table>
 
-    <div class="title">Postgraduate Training (in chronological order)</div>
+    <div class="title">{{$t('resumeInfo:label:PostgraduateTraining')}}</div>
     <el-table :data="postgraduateList" border style="width: 100%" size="small">
       <template slot="empty">
         <span></span>
       </template>
-      <el-table-column type="index" label="No." width="45" />
+      <el-table-column type="index" :label="$t('resumeInfo:label:No')" width="45" />
       <el-table-column
         prop="BeginDateStr"
-        label="Start"
+        :label="$t('resumeInfo:label:BeginDateStr')"
         min-width="55"
         show-overflow-tooltip
       />
       <el-table-column
         prop="EndDateStr"
-        label="End"
+        :label="$t('resumeInfo:label:EndDateStr')"
         min-width="55"
         show-overflow-tooltip
       />
-      <el-table-column prop="Training" label="Training" min-width="70" show-overflow-tooltip>
+      <el-table-column prop="Training"  :label="$t('resumeInfo:label:Training')" min-width="70" show-overflow-tooltip>
         <template slot-scope="scope">
           <span v-show="scope.row.Training">
             {{ isEnglish?scope.row.Training:scope.row.TrainingCN }}
@@ -99,7 +99,7 @@
       </el-table-column>
       <el-table-column
         prop="Major"
-        label="Specialty / Research Field"
+        :label="$t('resumeInfo:label:Specialty')"
         min-width="140"
         show-overflow-tooltip
       >
@@ -110,21 +110,21 @@
         </template>
       </el-table-column>
 
-      <el-table-column prop="Hospital" label="Hospital" min-width="110" show-overflow-tooltip>
+      <el-table-column prop="Hospital" :label="$t('resumeInfo:label:Hospital')" min-width="110" show-overflow-tooltip>
         <template slot-scope="scope">
           <span v-show="scope.row.Hospital">
             {{ isEnglish?scope.row.Hospital:scope.row.HospitalCN }}
           </span>
         </template>
       </el-table-column>
-      <el-table-column prop="School" label="University" min-width="120" show-overflow-tooltip>
+      <el-table-column prop="School" :label="$t('resumeInfo:label:University')" min-width="120" show-overflow-tooltip>
         <template slot-scope="scope">
           <span v-show="scope.row.School">
             {{ isEnglish?scope.row.School:scope.row.SchoolCN }}
           </span>
         </template>
       </el-table-column>
-      <el-table-column prop="City" label="City" min-width="70" show-overflow-tooltip>
+      <el-table-column prop="City" :label="$t('resumeInfo:label:City')" min-width="70" show-overflow-tooltip>
         <template slot-scope="scope">
           <span v-show="scope.row.City">
             {{ isEnglish?scope.row.City:scope.row.CityCN }}
@@ -133,7 +133,7 @@
       </el-table-column>
       <el-table-column
         prop="Province"
-        label="State/Province"
+        :label="$t('resumeInfo:label:StateProvince')"
         min-width="90"
         show-overflow-tooltip
       >
@@ -143,7 +143,7 @@
           </span>
         </template>
       </el-table-column>
-      <el-table-column prop="Country" label="Country" min-width="70" show-overflow-tooltip>
+      <el-table-column prop="Country" :label="$t('resumeInfo:label:Country')" min-width="70" show-overflow-tooltip>
         <template slot-scope="scope">
           <span v-show="scope.row.Country">
             {{ isEnglish?scope.row.Country:scope.row.CountryCN }}
diff --git a/src/views/resumeInfo/components/Employment.vue b/src/views/resumeInfo/components/Employment.vue
index f616dbbe..380098a6 100644
--- a/src/views/resumeInfo/components/Employment.vue
+++ b/src/views/resumeInfo/components/Employment.vue
@@ -3,25 +3,25 @@
     <el-form :inline="true" :model="employment" class="demo-form-inline" size="small">
       <el-row>
         <el-col :span="6">
-          <el-form-item label="Department:">
+          <el-form-item :label="$t('resumeInfo:label:Department')">
             <span v-if="isEnglish">{{ employment.Department }}</span>
             <span v-else>{{ employment.DepartmentCN }}</span>
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-form-item label="Rank:">
+          <el-form-item :label="$t('resumeInfo:label:Rank')">
             <span v-if="isEnglish">{{ employment.Rank }}</span>
             <span v-else>{{ employment.RankCN }}</span>
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-form-item label="Physician:">
+          <el-form-item :label="$t('resumeInfo:label:Physician')">
             <span v-if="isEnglish">{{ employment.Physician }}</span>
             <span v-else>{{ employment.PhysicianCN }}</span>
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-form-item label="Position:">
+          <el-form-item :label="$t('resumeInfo:label:Position')">
             <span v-if="isEnglish">{{ employment.Position }}</span>
             <span v-else>{{ employment.PositionCN }}</span>
           </el-form-item>
@@ -30,31 +30,31 @@
 
       <el-row>
         <el-col :span="6">
-          <el-form-item label="Hospital:">
+          <el-form-item :label="$t('resumeInfo:label:Hospital')">
             <span v-if="isEnglish">{{ employment.HospitalName }}</span>
             <span v-else>{{ employment.HospitalNameCN }}</span>
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-form-item label="Affiliated University:">
+          <el-form-item :label="$t('resumeInfo:label:Affiliated')">
             <span v-if="isEnglish">{{ employment.UniversityAffiliated }}</span>
             <span v-else>{{ employment.UniversityAffiliatedCN }}</span>
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-form-item label="City:">
+          <el-form-item :label="$t('resumeInfo:label:City')">
             <span v-if="isEnglish">{{ employment.City }}</span>
             <span v-else>{{ employment.CityCN }}</span>
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-form-item label="State/Province:">
+          <el-form-item :label="$t('resumeInfo:label:StateProvince')">
             <span v-if="isEnglish">{{ employment.Province }}</span>
             <span v-else>{{ employment.ProvinceCN }}</span>
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-form-item label="Country:">
+          <el-form-item :label="$t('resumeInfo:label:Country:')">
             <span v-if="isEnglish">{{ employment.Country }}</span>
             <span v-else>{{ employment.CountryCN }}</span>
           </el-form-item>
diff --git a/src/views/resumeInfo/components/ResearchPublication.vue b/src/views/resumeInfo/components/ResearchPublication.vue
index 90ce06e6..ba10a320 100644
--- a/src/views/resumeInfo/components/ResearchPublication.vue
+++ b/src/views/resumeInfo/components/ResearchPublication.vue
@@ -1,102 +1,102 @@
-<template>
-  <div class="research-info">
-    <el-form :model="researchInfo" class="demo-form-inline" size="small">
-      <el-form-item label="Field of Research:">
-        <el-input
-          v-if="isEnglish"
-          v-model="researchInfo.Research"
-          type="textarea"
-          autosize
-          readonly
-        />
-        <el-input
-          v-else
-          v-model="researchInfo.ResearchCN"
-          type="textarea"
-          autosize
-          readonly
-        />
-      </el-form-item>
-
-      <el-form-item label="Grants:">
-        <el-input
-          v-if="isEnglish"
-          v-model="researchInfo.Grants"
-          type="textarea"
-          autosize
-          readonly
-        />
-        <el-input
-          v-else
-          v-model="researchInfo.GrantsCN"
-          type="textarea"
-          autosize
-          readonly
-        />
-      </el-form-item>
-
-      <el-form-item label="Publications:">
-        <el-input
-          v-model="researchInfo.Publications"
-          type="textarea"
-          autosize
-          readonly
-        />
-      </el-form-item>
-
-      <el-form-item label="Awards & Honors:">
-        <el-input
-          v-if="isEnglish"
-          v-model="researchInfo.AwardsHonors"
-          type="textarea"
-          autosize
-          readonly
-        />
-        <el-input
-          v-else
-          v-model="researchInfo.AwardsHonorsCN"
-          type="textarea"
-          autosize
-          readonly
-        />
-      </el-form-item>
-    </el-form>
-  </div>
-</template>
-<script>
-
-export default {
-  props: {
-    researchInfo: {
-      type: Object,
-      default() {
-        return {}
-      }
-    },
-    isEnglish: {
-      type: Boolean
-    }
-  }
-}
-</script>
-
-<style lang="scss">
-.research-info{
-  padding:5px 15px;
-  font-size:13px;
-  .el-form-item--mini.el-form-item{
-    margin-bottom: 0px;
-  }
-  .el-form-item--small.el-form-item{
-    margin-bottom: 0px;
-  }
-  .el-form-item__content{
-    font-size: 13px;
-  }
-  .el-form-item__label{
-    font-size: 13px;
-    color: #303133;
-    font-weight: bold;
-  }
-}
-</style>
+<template>
+  <div class="research-info">
+    <el-form :model="researchInfo" class="demo-form-inline" size="small">
+      <el-form-item :label="$t('resumeInfo:label:FieldofResearch')" prop="FieldofResearch">
+        <el-input
+          v-if="isEnglish"
+          v-model="researchInfo.Research"
+          type="textarea"
+          autosize
+          readonly
+        />
+        <el-input
+          v-else
+          v-model="researchInfo.ResearchCN"
+          type="textarea"
+          autosize
+          readonly
+        />
+      </el-form-item>
+
+      <el-form-item :label="$t('resumeInfo:label:Grants')"  prop="Grants">
+        <el-input
+          v-if="isEnglish"
+          v-model="researchInfo.Grants"
+          type="textarea"
+          autosize
+          readonly
+        />
+        <el-input
+          v-else
+          v-model="researchInfo.GrantsCN"
+          type="textarea"
+          autosize
+          readonly
+        />
+      </el-form-item>
+
+      <el-form-item :label="$t('resumeInfo:label:Publications')" prop="Publications">
+        <el-input
+          v-model="researchInfo.Publications"
+          type="textarea"
+          autosize
+          readonly
+        />
+      </el-form-item>
+
+      <el-form-item :label="$t('resumeInfo:label:Awards&Honors')" prop="AwardsHonors">
+        <el-input
+          v-if="isEnglish"
+          v-model="researchInfo.AwardsHonors"
+          type="textarea"
+          autosize
+          readonly
+        />
+        <el-input
+          v-else
+          v-model="researchInfo.AwardsHonorsCN"
+          type="textarea"
+          autosize
+          readonly
+        />
+      </el-form-item>
+    </el-form>
+  </div>
+</template>
+<script>
+
+export default {
+  props: {
+    researchInfo: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    isEnglish: {
+      type: Boolean
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.research-info{
+  padding:5px 15px;
+  font-size:13px;
+  .el-form-item--mini.el-form-item{
+    margin-bottom: 0px;
+  }
+  .el-form-item--small.el-form-item{
+    margin-bottom: 0px;
+  }
+  .el-form-item__content{
+    font-size: 13px;
+  }
+  .el-form-item__label{
+    font-size: 13px;
+    color: #303133;
+    font-weight: bold;
+  }
+}
+</style>
diff --git a/src/views/resumeInfo/components/Resume.vue b/src/views/resumeInfo/components/Resume.vue
index 99f28dd6..ab341dd4 100644
--- a/src/views/resumeInfo/components/Resume.vue
+++ b/src/views/resumeInfo/components/Resume.vue
@@ -4,23 +4,23 @@
       <template slot="empty">
         <span></span>
       </template>
-      <el-table-column type="index" label="No." width="50" />
+      <el-table-column type="index" :label="$t('resumeInfo:label:No')" width="50" />
       <el-table-column
         prop="FileName"
-        label="File Name"
+        :label="$t('resumeInfo:label:FileName')"
         min-width="60"
         show-overflow-tooltip
       />
       <el-table-column
         prop="Isoffical"
-        label="Offical"
+        :label="$t('resumeInfo:label:Isoffical')"
         min-width="50"
         :formatter="officalFormatter"
         show-overflow-tooltip
       />
       <el-table-column
         prop="Language"
-        label="Language"
+        :label="$t('resumeInfo:label:Language')"
         min-width="50"
         show-overflow-tooltip
       >
@@ -30,13 +30,13 @@
       </el-table-column>
       <el-table-column
         prop="CreateTime"
-        label="Upload Time"
+        :label="$t('resumeInfo:label:CreateTime')"
         min-width="60"
         show-overflow-tooltip
       />
-      <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 type="text" size="small" @click="preview(scope.$index, scope.row)">Download</el-button>
+          <el-button type="text" size="small" @click="preview(scope.$index, scope.row)">{{ $t('common:button:download') }}</el-button>
         </template>
       </el-table-column>
     </el-table>
diff --git a/src/views/resumeInfo/components/Specialty.vue b/src/views/resumeInfo/components/Specialty.vue
index 68bd53ab..47005c24 100644
--- a/src/views/resumeInfo/components/Specialty.vue
+++ b/src/views/resumeInfo/components/Specialty.vue
@@ -1,58 +1,58 @@
-<template>
-  <div class="specialty-info">
-    <el-form :model="specialty" class="demo-form-inline" size="small">
-      <el-form-item label="Specialty:">
-        <span v-if="isEnglish">{{ specialty.Speciality }}</span>
-        <span v-else>{{ specialty.SpecialityCN }}</span>
-      </el-form-item>
-
-      <el-form-item label="Subspeciality:">
-        <span v-if="isEnglish">{{ specialty.Subspeciality }}</span>
-        <span v-else>{{ specialty.SubspecialityCNList }}</span>
-      </el-form-item>
-
-      <el-form-item label="Modality:">
-        <span v-if="isEnglish">{{ specialty.ReadingType }}</span>
-        <span v-else>{{ specialty.ReadingTypeCNList }}</span>
-      </el-form-item>
-
-    </el-form>
-  </div>
-</template>
-<script>
-
-export default {
-  props: {
-    specialty: {
-      type: Object,
-      default() {
-        return {}
-      }
-    },
-    isEnglish: {
-      type: Boolean
-    }
-  }
-}
-</script>
-
-<style lang="scss">
-.specialty-info{
-  padding:5px 15px;
-  font-size:13px;
-  .el-form-item--mini.el-form-item{
-    margin-bottom: 0px;
-  }
-  .el-form-item--small.el-form-item{
-    margin-bottom: 0px;
-  }
-  .el-form-item__content{
-    font-size: 13px;
-  }
-  .el-form-item__label{
-    font-size: 13px;
-    color: #303133;
-    font-weight: bold;
-  }
-}
-</style>
+<template>
+  <div class="specialty-info">
+    <el-form :model="specialty" class="demo-form-inline" size="small">
+      <el-form-item :label="$t('resumeInfo:label:Speciality')">
+        <span v-if="isEnglish">{{ specialty.Speciality }}</span>
+        <span v-else>{{ specialty.SpecialityCN }}</span>
+      </el-form-item>
+
+      <el-form-item :label="$t('resumeInfo:label:Subspeciality')">
+        <span v-if="isEnglish">{{ specialty.Subspeciality }}</span>
+        <span v-else>{{ specialty.SubspecialityCNList }}</span>
+      </el-form-item>
+
+      <el-form-item :label="$t('resumeInfo:label:ReadingType')">
+        <span v-if="isEnglish">{{ specialty.ReadingType }}</span>
+        <span v-else>{{ specialty.ReadingTypeCNList }}</span>
+      </el-form-item>
+
+    </el-form>
+  </div>
+</template>
+<script>
+
+export default {
+  props: {
+    specialty: {
+      type: Object,
+      default() {
+        return {}
+      }
+    },
+    isEnglish: {
+      type: Boolean
+    }
+  }
+}
+</script>
+
+<style lang="scss">
+.specialty-info{
+  padding:5px 15px;
+  font-size:13px;
+  .el-form-item--mini.el-form-item{
+    margin-bottom: 0px;
+  }
+  .el-form-item--small.el-form-item{
+    margin-bottom: 0px;
+  }
+  .el-form-item__content{
+    font-size: 13px;
+  }
+  .el-form-item__label{
+    font-size: 13px;
+    color: #303133;
+    font-weight: bold;
+  }
+}
+</style>
diff --git a/src/views/resumeInfo/components/StatusInfo.vue b/src/views/resumeInfo/components/StatusInfo.vue
index 9ac7760d..4a96ecfe 100644
--- a/src/views/resumeInfo/components/StatusInfo.vue
+++ b/src/views/resumeInfo/components/StatusInfo.vue
@@ -3,7 +3,7 @@
     <el-form :inline="true" :model="basicInfo" class="demo-form-inline" size="small">
       <el-row>
         <el-col :span="6">
-          <el-form-item label="Pending:">
+          <el-form-item :label="$t('resumeInfo:label:Pending')">
             <span v-if="statusList.Submitted" style="color:#428bca">
               <router-link
                 :to="{
@@ -17,7 +17,7 @@
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-form-item label="Approved:">
+          <el-form-item :label="$t('resumeInfo:label:Approved')">
             <span v-if="statusList.Approved" style="color:#428bca">
               <router-link
                 :to="{
@@ -31,7 +31,7 @@
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-form-item label="Reading:">
+          <el-form-item :label="$t('resumeInfo:label:Reading')">
             <span v-if="statusList.Reading" style="color:#428bca">
               <router-link
                 :to="{
@@ -44,19 +44,19 @@
           </el-form-item>
         </el-col>
         <el-col :span="6">
-          <el-form-item label="On Vacation:">
+          <el-form-item :label="$t('resumeInfo:label:Vacation')">
             <span style="font-size:12px;margin-right:20px;">{{ holiday }}</span>
             <el-button
               type="text"
               size="small"
               @click="initHolidayList"
-            >Planned Vacation</el-button>
+            >{{ $t('resumeInfo:label:PlannedVacation') }}</el-button>
           </el-form-item>
         </el-col>
       </el-row>
     </el-form>
     <el-dialog
-      title="Vacation"
+      :title="$t('resumeInfo:label:Vacation')"
       :visible.sync="dialogVisible"
       width="35%"
       :close-on-click-modal="false"
@@ -65,13 +65,13 @@
         <el-table-column type="index" />
         <el-table-column
           property="StartDate"
-          label="Beginning Date"
+          :label="$t('resumeInfo:label:BeginningDate')"
           min-width="120"
           :formatter="beginTimeFormatter"
         />
         <el-table-column
           property="EndDate"
-          label="End Date"
+          :label="$t('resumeInfo:label:EndDate')"
           min-width="120"
           :formatter="endTimeFormatter"
         />
diff --git a/src/views/resumeInfo/components/TrialExperience.vue b/src/views/resumeInfo/components/TrialExperience.vue
index 35d8ba93..2097affd 100644
--- a/src/views/resumeInfo/components/TrialExperience.vue
+++ b/src/views/resumeInfo/components/TrialExperience.vue
@@ -1,15 +1,15 @@
 <template>
   <div class="trialExperience-info">
-    <div class="title">Clinical Trial Experience</div>
+    <div class="title">{{$t('resumeInfo:title:ClinicalTrialExperience')}}</div>
     <el-table :data="GCPList" border style="width: 100%" size="small">
       <template slot="empty">
         <span></span>
       </template>
-      <el-table-column type="index" label="No." width="50" />
-      <el-table-column prop="Phase" label="Phase" min-width="20" show-overflow-tooltip />
+      <el-table-column type="index" :label="$t('resumeInfo:label:No')" width="50" />
+      <el-table-column prop="Phase" :label="$t('resumeInfo:label:Phase')" min-width="20" show-overflow-tooltip />
       <el-table-column
         prop="EvaluationCriteriaList"
-        label="Review Criteria"
+        :label="$t('resumeInfo:label:ReviewCriteria')"
         min-width="40"
         show-overflow-tooltip
       >
@@ -19,20 +19,20 @@
       </el-table-column>
       <el-table-column
         prop="VisitReadingCount"
-        label="Visit Reading Count"
+        :label="$t('resumeInfo:label:VisitReadingCount')"
         min-width="150"
         show-overflow-tooltip
       />
       <el-table-column
         prop="EvaluationContent"
-        label="Indication"
+        :label="$t('resumeInfo:label:EvaluationContent')"
         min-width="150"
         show-overflow-tooltip
       />
     </el-table>
 
     <el-form :model="form" class="demo-form-inline" size="small">
-      <el-form-item label="GCP Certificate:">
+      <el-form-item :label="$t('resumeInfo:label:GCPCertificate')">
         <span>{{ GCP }}</span>
         <a
           v-if="form.GCP"
@@ -42,7 +42,7 @@
         >View</a>
       </el-form-item>
 
-      <el-form-item label="Other Relevant Experience:">
+      <el-form-item :label="$t('resumeInfo:label:OtherRelevantExperience')">
         <el-input
           v-if="isEnglish"
           v-model="form.OtherClinicalExperience"
diff --git a/src/views/resumeInfo/index.vue b/src/views/resumeInfo/index.vue
index 88e4c02c..945b06ed 100644
--- a/src/views/resumeInfo/index.vue
+++ b/src/views/resumeInfo/index.vue
@@ -16,35 +16,35 @@
     <div style="flex:1;margin-top:50px;overflow-y: auto;">
       <el-collapse v-model="activeNames">
         <status-info :basic-info="basicInfo" :status-list="statusList" :doctor-id="doctorId" :holiday="holiday" :is-english="isEnglish" />
-        <el-collapse-item title="Basic Info" name="1">
+        <el-collapse-item :title="$t('resumeInfo:title:BasicInfo')" name="1">
           <basic-info :basic-info="doctorInfo.BasicInfoView" :is-english="isEnglish" />
         </el-collapse-item>
-        <el-collapse-item title="Employment" name="2">
+        <el-collapse-item :title="$t('resumeInfo:title:Employment')" name="2">
           <Employment :employment="workInfo" :is-english="isEnglish" />
         </el-collapse-item>
-        <el-collapse-item title="Specialty" name="3">
+        <el-collapse-item :title="$t('resumeInfo:title:Specialty')" name="3">
           <Specialty :specialty="specialtyList" :is-english="isEnglish" />
         </el-collapse-item>
-        <el-collapse-item title="Education & Training" name="4">
+        <el-collapse-item :title="$t('resumeInfo:title:Education&Training')" name="4">
           <education-training :education-list="doctorInfo.EducationList" :postgraduate-list="doctorInfo.PostgraduateList" :is-english="isEnglish" />
         </el-collapse-item>
-        <el-collapse-item title="Research & Publication" name="5">
+        <el-collapse-item :title="$t('resumeInfo:title:Research&Publication')" name="5">
           <research-publication :research-info="doctorInfo.ResearchPublicationView" :is-english="isEnglish" />
 
         </el-collapse-item>
-        <el-collapse-item title="Trial Experience" name="6">
+        <el-collapse-item :title="$t('resumeInfo:title:TrialExperience')" name="6">
           <trial-experience v-if="doctorInfo.TrialExperienceView" :trial-experience="doctorInfo.TrialExperienceView" :is-english="isEnglish" />
         </el-collapse-item>
-        <el-collapse-item title="Credentials" name="7">
+        <el-collapse-item :title="$t('resumeInfo:title:Credentials')" name="7">
           <Credentials v-if="doctorInfo.AttachmentList" :attachment-list="doctorInfo.AttachmentList" :doctor-id="doctorId" />
         </el-collapse-item>
-        <el-collapse-item title="Resume" name="8">
+        <el-collapse-item :title="$t('resumeInfo:title:Resume')" name="8">
           <Resume v-if="doctorInfo.AttachmentList" :resume-list="doctorInfo.AttachmentList" />
         </el-collapse-item>
-        <el-collapse-item title="Agreements" name="9">
+        <el-collapse-item :title="$t('resumeInfo:title:Agreements')" name="9">
           <Agreements v-if="doctorInfo.AttachmentList" :doctor-info="doctorInfo" />
         </el-collapse-item>
-        <el-collapse-item title="Comment" name="10">
+        <el-collapse-item :title="$t('resumeInfo:title:Comment')" name="10">
           <Comment :status-list="statusList" />
         </el-collapse-item>
       </el-collapse>
@@ -64,6 +64,7 @@ import Credentials from './components/Credentials'
 import Resume from './components/Resume'
 import Agreements from './components/Agreements'
 import Comment from './components/Comment'
+import {mapMutations} from "vuex";
 export default {
   components: { StatusInfo, BasicInfo, Employment, Specialty, EducationTraining, ResearchPublication, TrialExperience, Credentials, Resume, Agreements, Comment },
   data() {
@@ -91,14 +92,27 @@ export default {
       doctorId: ''
     }
   },
+  watch: {
+    isEnglish(v) {
+      if (v === true) {
+        this.$i18n.locale = 'en'
+        this.setLanguage('en')
+        this.$updateDictionary()
+      } else {
+        this.$i18n.locale = 'zh'
+        this.setLanguage('zh')
+        this.$updateDictionary()
+      }
+    }
+  },
   mounted() {
-    // this.isEnglish = !!((this.$route.query.isEnglish === true || this.$route.query.isEnglish === 'true'))
-    // this.isEnglish = this.$i18n.locale === 'zh' ? false : true
+    this.isEnglish = !!((this.$route.query.isEnglish === true || this.$route.query.isEnglish === 'true'))
+    this.isEnglish = this.$i18n.locale === 'zh' ? false : true
     this.doctorId = this.$route.query.doctorId
     this.initForm()
   },
   methods: {
-
+    ...mapMutations({ setLanguage: 'lang/setLanguage' }),
     initStatus() {
       if (this.doctorInfo.AuditView) {
         const res = this.doctorInfo.AuditView
@@ -177,7 +191,7 @@ export default {
             if (res.Result) {
               this.holiday = res.Result.InHoliday ? 'Yes' : 'No'
               this.doctorInfo = res.Result
-              this.title = `${this.doctorInfo.BasicInfoView.FirstName} ${this.doctorInfo.BasicInfoView.LastName}'s Details`
+              this.title = `${this.doctorInfo.BasicInfoView.FirstName} ${this.doctorInfo.BasicInfoView.LastName}${this.$t('resumeInfo:title:Details')}`
               this.htmlTitle = this.title
               this.initStatus()
               this.initEmploymentInfo()
diff --git a/src/views/system/login-log/index.vue b/src/views/system/login-log/index.vue
index e07b5dfc..6b18a46e 100644
--- a/src/views/system/login-log/index.vue
+++ b/src/views/system/login-log/index.vue
@@ -119,7 +119,7 @@
         </el-table-column>
         <el-table-column
           label="操作用户名"
-          prop="optUserName"
+          prop="OptUserName"
           min-width="90"
           sortable="custom"
           show-overflow-tooltip
diff --git a/src/views/trials/trials-notice/index.vue b/src/views/trials/trials-notice/index.vue
index b71a197f..966e17e6 100644
--- a/src/views/trials/trials-notice/index.vue
+++ b/src/views/trials/trials-notice/index.vue
@@ -217,7 +217,7 @@ export default {
     },
     downLoadFile(filePath) {
       if (!filePath) return
-      window.open(filePath, '_blank')
+      window.open(this.OSSclientConfig.basePath + filePath, '_blank')
     },
     handleSearch() {
       this.searchData.PageIndex = 1
diff --git a/src/views/trials/trials-panel/setting/email-manage/components/EmailList.vue b/src/views/trials/trials-panel/setting/email-manage/components/EmailList.vue
index 1bf5860a..ca8da540 100644
--- a/src/views/trials/trials-panel/setting/email-manage/components/EmailList.vue
+++ b/src/views/trials/trials-panel/setting/email-manage/components/EmailList.vue
@@ -405,7 +405,7 @@ export default {
     },
     handlePreview(filePath) {
       if (filePath) {
-        window.open(filePath, '_blank')
+        window.open(this.OSSclientConfig.basePath + filePath, '_blank')
       }
     },
     handleSearch() {
diff --git a/src/views/trials/trials-panel/setting/personnel-manage/components/customSiteForm.vue b/src/views/trials/trials-panel/setting/personnel-manage/components/customSiteForm.vue
index c920885a..03377009 100644
--- a/src/views/trials/trials-panel/setting/personnel-manage/components/customSiteForm.vue
+++ b/src/views/trials/trials-panel/setting/personnel-manage/components/customSiteForm.vue
@@ -1,183 +1,194 @@
-<template>
-  <el-form
-    ref="customSiteForm"
-    v-loading="loading"
-    :model="form"
-    :rules="rules"
-    class="demo-ruleForm"
-    size="small"
-    label-width="150px"
-  >
-    <div class="base-dialog-body">
-      <!-- 中心编号 -->
-      <el-form-item :label="$t('trials:customSite:form:siteId')" prop="SiteCode">
-        <el-input v-model="form.SiteCode" />
-      </el-form-item>
-      <!-- 中心名称 -->
-      <el-form-item :label="$t('trials:customSite:form:siteName')" prop="SiteName">
-        <el-input v-model="form.SiteName" />
-      </el-form-item>
-      <!-- 组织机构代码 -->
-      <el-form-item :label="$t('trials:customSite:form:orgCode')">
-        <el-input v-model="form.UniqueCode" />
-      </el-form-item>
-      <!-- 国家 -->
-      <el-form-item :label="$t('trials:customSite:form:country')" prop="Country">
-        <el-input v-model="form.Country" />
-      </el-form-item>
-      <!-- 城市 -->
-      <el-form-item :label="$t('trials:customSite:form:city')" prop="City">
-        <el-input v-model="form.City" />
-      </el-form-item>
-      <!-- 地址 -->
-      <el-form-item :label="$t('trials:customSite:form:address')" prop="Address">
-        <el-input v-model="form.Address" />
-      </el-form-item>
-      <!-- 附属医院 -->
-      <el-form-item :label="$t('trials:customSite:form:hospital')">
-        <el-select
-          v-model="form.HospitalId"
-          clearable
-          style="width:100%;"
-        >
-          <el-option
-            v-for="item in hospitalList"
-            :key="item.Id"
-            :label="item.HospitalName"
-            :value="item.Id"
-          />
-        </el-select>
-      </el-form-item>
-      <!-- 负责人 -->
-      <el-form-item :label="$t('trials:customSite:form:director')" prop="DirectorName">
-        <el-input v-model="form.DirectorName" />
-      </el-form-item>
-      <!-- 负责人电话 -->
-      <el-form-item :label="$t('trials:customSite:form:directorPhone')" prop="DirectorPhone">
-        <el-input v-model="form.DirectorPhone" />
-      </el-form-item>
-      <!-- 联系人 -->
-      <el-form-item :label="$t('trials:customSite:form:contactor')" prop="ContactName">
-        <el-input v-model="form.ContactName" />
-      </el-form-item>
-      <!-- 联系人电话 -->
-      <el-form-item :label="$t('trials:customSite:form:contactorPhone')" prop="ContactPhone">
-        <el-input v-model="form.ContactPhone" />
-      </el-form-item>
-    </div>
-    <div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
-      <el-form-item>
-        <!-- 取消 -->
-        <el-button :disabled="btnLoading" size="small" type="primary" @click="handleCancel">
-          {{ $t('common:button:cancel') }}
-        </el-button>
-        <!-- 保存 -->
-        <el-button size="small" type="primary" :loading="btnLoading" @click="handleSave">
-          {{ $t('common:button:save') }}
-        </el-button>
-      </el-form-item>
-    </div>
-  </el-form>
-</template>
-<script>
-import { addOrUpdateSite } from '@/api/dictionary'
-import store from '@/store'
-export default {
-  name: 'CustomSiteForm',
-  props: {
-    data: {
-      type: Object,
-      default() {
-        return {}
-      }
-    }
-  },
-  data() {
-    return {
-      btnLoading: false,
-      hospitalList: [],
-      form: {
-        Id: '',
-        SiteCode: '',
-        SiteName: '',
-        Country: '',
-        City: '',
-        HospitalId: '',
-        DirectorName: '',
-        DirectorPhone: '',
-        ContactName: '',
-        ContactPhone: '',
-        UniqueCode: '',
-        Address: ''
-      },
-      rules: {
-        SiteName: [
-          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
-          { max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` }
-        ],
-        SiteCode: [
-          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
-          { max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` }
-        ],
-        Country: [
-          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
-          { max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` }
-        ],
-        City: [
-          { 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: this.$t('common:ruleMessage:specify'), trigger: 'blur' }
-        ],
-        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
-    }
-  },
-  mounted() {
-    this.initForm()
-  },
-  methods: {
-    handleSave() {
-      this.$refs.customSiteForm.validate(valid => {
-        if (!valid) return
-        this.btnLoading = true
-        addOrUpdateSite(this.form).then(res => {
-          this.btnLoading = false
-          if (res.IsSuccess) {
-            this.$message.success(this.$t('common:message:savedSuccessfully'))
-            this.$emit('getList')
-            this.$emit('close')
-          }
-        }).catch(() => {
-          this.btnLoading = false
-        })
-      })
-    },
-    handleCancel() {
-      this.$emit('close')
-    },
-    async initForm() {
-      this.loading = true
-      this.hospitalList = await store.dispatch('global/getHospital')
-      this.loading = false
-    }
-  }
-
-}
-</script>
+<template>
+  <el-form
+    ref="customSiteForm"
+    v-loading="loading"
+    :model="form"
+    :rules="rules"
+    class="demo-ruleForm"
+    size="small"
+    label-width="150px"
+  >
+    <div class="base-dialog-body">
+      <!-- 中心编号 -->
+      <el-form-item :label="$t('trials:customSite:form:siteId')" prop="SiteCode">
+        <el-input v-model="form.SiteCode" />
+      </el-form-item>
+      <!-- 中心名称 -->
+      <el-form-item :label="$t('trials:customSite:form:siteName')" prop="SiteName">
+        <el-input v-model="form.SiteName" />
+      </el-form-item>
+      <!-- 中心名称（CN） -->
+      <el-form-item :label="$t('trials:customSite:form:siteName') + '（CN）'" v-if="!show" prop="SiteNameCN">
+        <el-input v-model="form.SiteNameCN" />
+      </el-form-item>
+      <!-- 组织机构代码 -->
+      <el-form-item :label="$t('trials:customSite:form:orgCode')">
+        <el-input v-model="form.UniqueCode" />
+      </el-form-item>
+      <!-- 国家 -->
+      <el-form-item :label="$t('trials:customSite:form:country')" prop="Country">
+        <el-input v-model="form.Country" />
+      </el-form-item>
+      <!-- 城市 -->
+      <el-form-item :label="$t('trials:customSite:form:city')" prop="City">
+        <el-input v-model="form.City" />
+      </el-form-item>
+      <!-- 地址 -->
+      <el-form-item :label="$t('trials:customSite:form:address')" prop="Address">
+        <el-input v-model="form.Address" />
+      </el-form-item>
+      <!-- 附属医院 -->
+      <el-form-item :label="$t('trials:customSite:form:hospital')">
+        <el-select
+          v-model="form.HospitalId"
+          clearable
+          style="width:100%;"
+        >
+          <el-option
+            v-for="item in hospitalList"
+            :key="item.Id"
+            :label="item.HospitalName"
+            :value="item.Id"
+          />
+        </el-select>
+      </el-form-item>
+      <!-- 负责人 -->
+      <el-form-item :label="$t('trials:customSite:form:director')" prop="DirectorName">
+        <el-input v-model="form.DirectorName" />
+      </el-form-item>
+      <!-- 负责人电话 -->
+      <el-form-item :label="$t('trials:customSite:form:directorPhone')" prop="DirectorPhone">
+        <el-input v-model="form.DirectorPhone" />
+      </el-form-item>
+      <!-- 联系人 -->
+      <el-form-item :label="$t('trials:customSite:form:contactor')" prop="ContactName">
+        <el-input v-model="form.ContactName" />
+      </el-form-item>
+      <!-- 联系人电话 -->
+      <el-form-item :label="$t('trials:customSite:form:contactorPhone')" prop="ContactPhone">
+        <el-input v-model="form.ContactPhone" />
+      </el-form-item>
+    </div>
+    <div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
+      <el-form-item>
+        <!-- 取消 -->
+        <el-button :disabled="btnLoading" size="small" type="primary" @click="handleCancel">
+          {{ $t('common:button:cancel') }}
+        </el-button>
+        <!-- 保存 -->
+        <el-button size="small" type="primary" :loading="btnLoading" @click="handleSave">
+          {{ $t('common:button:save') }}
+        </el-button>
+      </el-form-item>
+    </div>
+  </el-form>
+</template>
+<script>
+import { addOrUpdateSite } from '@/api/dictionary'
+import store from '@/store'
+export default {
+  name: 'CustomSiteForm',
+  props: {
+    data: {
+      type: Object,
+      default() {
+        return {}
+      }
+    }
+  },
+  data() {
+    return {
+      btnLoading: false,
+      hospitalList: [],
+      form: {
+        Id: '',
+        SiteCode: '',
+        SiteName: '',
+        SiteNameCN: '',
+        Country: '',
+        City: '',
+        HospitalId: '',
+        DirectorName: '',
+        DirectorPhone: '',
+        ContactName: '',
+        ContactPhone: '',
+        UniqueCode: '',
+        Address: ''
+      },
+      rules: {
+        SiteName: [
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
+          { max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` }
+        ],
+        SiteNameCN: [
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
+          { max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` }
+        ],
+        SiteCode: [
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
+          { max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` }
+        ],
+        Country: [
+          { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
+          { max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` }
+        ],
+        City: [
+          { 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: this.$t('common:ruleMessage:specify'), trigger: 'blur' }
+        ],
+        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
+    }
+  },
+  mounted() {
+    this.initForm()
+    this.show = process.env.VUE_APP_OSS_PATH === '/usa/dist'
+  },
+  methods: {
+    handleSave() {
+      this.$refs.customSiteForm.validate(valid => {
+        if (!valid) return
+        this.btnLoading = true
+        addOrUpdateSite(this.form).then(res => {
+          this.btnLoading = false
+          if (res.IsSuccess) {
+            this.$message.success(this.$t('common:message:savedSuccessfully'))
+            this.$emit('getList')
+            this.$emit('close')
+          }
+        }).catch(() => {
+          this.btnLoading = false
+        })
+      })
+    },
+    handleCancel() {
+      this.$emit('close')
+    },
+    async initForm() {
+      this.loading = true
+      this.hospitalList = await store.dispatch('global/getHospital')
+      this.loading = false
+    }
+  }
+
+}
+</script>
diff --git a/src/views/trials/trials-panel/study/components/nonDicomPreview.vue b/src/views/trials/trials-panel/study/components/nonDicomPreview.vue
index 074a5e5e..519ba6ef 100644
--- a/src/views/trials/trials-panel/study/components/nonDicomPreview.vue
+++ b/src/views/trials/trials-panel/study/components/nonDicomPreview.vue
@@ -1,94 +1,94 @@
-<template>
-  <div v-loading="loading" class="preview-wrapper">
-    <el-tabs tab-position="right" type="card">
-      <el-tab-pane v-for="file in fileList" :key="file.Id" :label="file.FileName">
-
-        <iframe
-          v-if="file.Type.indexOf('jpg') !== -1 || file.Type.indexOf('png') !== -1"
-          frameborder="0"
-          :src="file.FullFilePath"
-          width="100%"
-          style="width: 100%; height: 100%"
-        />
-        <embed v-else-if="file.Type.indexOf('pdf') !== -1" :src="file.FullFilePath" style="width: 100%; height: 100%">
-        <div v-else>
-          该文件不支持在线预览，可点击<el-link type="primary" @click="downLoadFile(file.FullFilePath)">下载</el-link>原件
-        </div>
-      </el-tab-pane>
-    </el-tabs>
-  </div>
-</template>
-<script>
-import { getNoneDicomStudyFileList } from '@/api/trials'
-export default {
-  name: 'PreviewFiles',
-  props: {
-    noneDicomId: {
-      type: String,
-      required: true
-    }
-  },
-  data() {
-    return {
-      fileType: '',
-      fileUrl: '',
-      loading: false,
-      fileList: []
-    }
-  },
-  mounted() {
-    this.getFileList()
-  },
-  methods: {
-    getFileList() {
-      this.loading = true
-      getNoneDicomStudyFileList(this.noneDicomId).then(res => {
-        this.fileList = res.Result
-        this.fileList.forEach(file => {
-          const fileName = file.FileName
-          file.Type = fileName.substring(fileName.lastIndexOf('.') + 1).toLocaleLowerCase()
-        })
-        this.loading = false
-      }).catch(() => { this.loading = false })
-    },
-    downLoadFile(filePath) {
-      if (!filePath) return
-      window.open(filePath, '_blank')
-    }
-  }
-}
-</script>
-<style lang="scss">
-.preview-wrapper{
-  height: 100%;
-  ::-webkit-scrollbar {
-    width: 7px;
-    height: 7px;
-  }
-  ::-webkit-scrollbar-thumb {
-    border-radius: 10px;
-    background: #d0d0d0;
-  }
-  .el-tabs{
-    display: flex;
-    flex-direction: row !important;
-    width: 100%;
-    height: 100%;
-    .el-tabs__header{
-      margin-right: 10px !important;
-      height: 100% !important;
-      width: 300px;
-      border: 2px solid #E4E7ED;
-     overflow: auto;
-    }
-    .el-tabs__content{
-      flex: 1;
-      height: 100%;
-      .el-tab-pane{
-        height: 100%;
-      }
-    }
-  }
-
-}
-</style>
+<template>
+  <div v-loading="loading" class="preview-wrapper">
+    <el-tabs tab-position="right" type="card">
+      <el-tab-pane v-for="file in fileList" :key="file.Id" :label="file.FileName">
+
+        <iframe
+          v-if="file.Type.indexOf('jpg') !== -1 || file.Type.indexOf('png') !== -1"
+          frameborder="0"
+          :src="file.FullFilePath"
+          width="100%"
+          style="width: 100%; height: 100%"
+        />
+        <embed v-else-if="file.Type.indexOf('pdf') !== -1" :src="file.FullFilePath" style="width: 100%; height: 100%">
+        <div v-else>
+          该文件不支持在线预览，可点击<el-link type="primary" @click="downLoadFile(file.FullFilePath)">下载</el-link>原件
+        </div>
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+<script>
+import { getNoneDicomStudyFileList } from '@/api/trials'
+export default {
+  name: 'PreviewFiles',
+  props: {
+    noneDicomId: {
+      type: String,
+      required: true
+    }
+  },
+  data() {
+    return {
+      fileType: '',
+      fileUrl: '',
+      loading: false,
+      fileList: []
+    }
+  },
+  mounted() {
+    this.getFileList()
+  },
+  methods: {
+    getFileList() {
+      this.loading = true
+      getNoneDicomStudyFileList(this.noneDicomId).then(res => {
+        this.fileList = res.Result
+        this.fileList.forEach(file => {
+          const fileName = file.FileName
+          file.Type = fileName.substring(fileName.lastIndexOf('.') + 1).toLocaleLowerCase()
+        })
+        this.loading = false
+      }).catch(() => { this.loading = false })
+    },
+    downLoadFile(filePath) {
+      if (!filePath) return
+      window.open(this.OSSclientConfig.basePath + filePath, '_blank')
+    }
+  }
+}
+</script>
+<style lang="scss">
+.preview-wrapper{
+  height: 100%;
+  ::-webkit-scrollbar {
+    width: 7px;
+    height: 7px;
+  }
+  ::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    background: #d0d0d0;
+  }
+  .el-tabs{
+    display: flex;
+    flex-direction: row !important;
+    width: 100%;
+    height: 100%;
+    .el-tabs__header{
+      margin-right: 10px !important;
+      height: 100% !important;
+      width: 300px;
+      border: 2px solid #E4E7ED;
+     overflow: auto;
+    }
+    .el-tabs__content{
+      flex: 1;
+      height: 100%;
+      .el-tab-pane{
+        height: 100%;
+      }
+    }
+  }
+
+}
+</style>
diff --git a/src/views/trials/trials-panel/subject/subject-list/components/MessageTable.vue b/src/views/trials/trials-panel/subject/subject-list/components/MessageTable.vue
index 0f23e768..9f83d822 100644
--- a/src/views/trials/trials-panel/subject/subject-list/components/MessageTable.vue
+++ b/src/views/trials/trials-panel/subject/subject-list/components/MessageTable.vue
@@ -215,7 +215,7 @@ export default {
     },
     handlePreview(filePath) {
       if (filePath) {
-        window.open(filePath, '_blank')
+        window.open(this.OSSclientConfig.basePath + filePath, '_blank')
       }
     },
     handleSearch() {
diff --git a/src/views/trials/trials-panel/visit/consistency-check/index.vue b/src/views/trials/trials-panel/visit/consistency-check/index.vue
index 7ea951ae..7a5a659f 100644
--- a/src/views/trials/trials-panel/visit/consistency-check/index.vue
+++ b/src/views/trials/trials-panel/visit/consistency-check/index.vue
@@ -66,6 +66,7 @@
         <!-- 下载模板 -->
         <el-button
           type="primary"
+          v-hasPermi="['trials:trials-panel:visit:consistency-check:upload']"
           icon="el-icon-download"
           @click="handleDownload"
         >
diff --git a/src/views/trials/trials-panel/visit/crc-upload/components/previewFiles.vue b/src/views/trials/trials-panel/visit/crc-upload/components/previewFiles.vue
index 5c4faede..fa17ae8c 100644
--- a/src/views/trials/trials-panel/visit/crc-upload/components/previewFiles.vue
+++ b/src/views/trials/trials-panel/visit/crc-upload/components/previewFiles.vue
@@ -82,7 +82,7 @@ export default {
     },
     downLoadFile(filePath) {
       if (!filePath) return
-      window.open(filePath, '_blank')
+      window.open(this.OSSclientConfig.basePath + filePath, '_blank')
     }
   }
 }
diff --git a/src/views/trials/trials-panel/visit/crc-upload/components/previewVisitNoneDicomFiles.vue b/src/views/trials/trials-panel/visit/crc-upload/components/previewVisitNoneDicomFiles.vue
index 3f36ba93..b8c7eef6 100644
--- a/src/views/trials/trials-panel/visit/crc-upload/components/previewVisitNoneDicomFiles.vue
+++ b/src/views/trials/trials-panel/visit/crc-upload/components/previewVisitNoneDicomFiles.vue
@@ -74,7 +74,7 @@ export default {
     },
     downLoadFile(filePath) {
       if (!filePath) return
-      window.open(filePath, '_blank')
+      window.open(this.OSSclientConfig.basePath + filePath, '_blank')
     },
     preview(file) {
       this.$set(this.fileInfo, 'currentFileType', this.getFileType(file.FileName))