1

src/views/trials/trials-panel/trial-summary/trial-document/components/viewer/curriculumVitae/index.vue

@@ -7,112 +7,53 @@
     <div class="search" style="position: relative">
       <el-form :inline="true" class="base-search-form">
         <!--专业-->
-        <el-form-item
+        <el-form-item :label="$t('trials:trialDocument:curriculumVitae:search:Speciality')">
-          :label="$t('trials:trialDocument:curriculumVitae:search:Speciality')"
+          <el-select v-model="searchData.SpecialityId" style="width: 200px" placeholder="" clearable>
-        >
+            <el-option v-for="item in $d.Department" :key="item.id" :label="item.label" :value="item.id">
-          <el-select
-            v-model="searchData.SpecialityId"
-            style="width: 200px"
-            placeholder=""
-            clearable
-          >
-            <el-option
-              v-for="item in $d.Department"
-              :key="item.id"
-              :label="item.label"
-              :value="item.value"
-            >
             </el-option>
           </el-select>
         </el-form-item>
         <!--亚专业-->
-        <el-form-item
+        <el-form-item :label="$t('trials:trialDocument:curriculumVitae:search:Subspeciality')
-          :label="
+          ">
-            $t('trials:trialDocument:curriculumVitae:search:Subspeciality')
+          <el-select v-model="searchData.SubspecialityId" style="width: 200px" placeholder="" clearable>
-          "
+            <el-option v-for="item in $d.Subspeciality" :key="item.id" :label="item.label" :value="item.id">
-        >
-          <el-select
-            v-model="searchData.SubspecialityId"
-            style="width: 200px"
-            placeholder=""
-            clearable
-          >
-            <el-option
-              v-for="item in $d.Subspeciality"
-              :key="item.id"
-              :label="item.label"
-              :value="item.id"
-            >
             </el-option>
           </el-select>
         </el-form-item>
         <!--机构-->
-        <el-form-item
+        <el-form-item :label="$t('trials:trialDocument:curriculumVitae:search:HospitalName')
-          :label="
+          ">
-            $t('trials:trialDocument:curriculumVitae:search:HospitalName')
+          <el-select v-model="searchData.HospitalId" style="width: 200px" placeholder="" clearable>
-          "
+            <el-option v-for="(item, index) in hospitalList" :key="index"
-        >
+              :label="isEN ? item.HospitalName : item.HospitalNameCN" :value="item.Id" />
-          <el-select
-            v-model="searchData.HospitalId"
-            style="width: 200px"
-            placeholder=""
-            clearable
-          >
-            <el-option
-              v-for="(item, index) in hospitalList"
-              :key="index"
-              :label="isEN ? item.HospitalName : item.HospitalNameCN"
-              :value="item.Id"
-            />
           </el-select>
         </el-form-item>
         <el-form-item>
           <el-button type="primary" icon="el-icon-search" @click="handleSearch">
             {{ $t('common:button:search') }}
           </el-button>
-          <el-button
+          <el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">
-            type="primary"
-            icon="el-icon-refresh-left"
-            @click="handleReset"
-          >
             {{ $t('common:button:reset') }}
           </el-button>
         </el-form-item>
       </el-form>
     </div>
 
-    <el-table
+    <el-table v-loading="loading" v-adaptive="{ bottomOffset: 75 }" :data="list" stripe height="100"
-      v-loading="loading"
+      style="width: 100%">
-      v-adaptive="{ bottomOffset: 75 }"
-      :data="list"
-      stripe
-      height="100"
-      style="width: 100%"
-    >
       <el-table-column type="index" />
       <!--姓名-->
-      <el-table-column
+      <el-table-column prop="BlindName" :label="$t('trials:trialDocument:curriculumVitae:table:name')"
-        prop="BlindName"
+        show-overflow-tooltip sortable="custom">
-        :label="$t('trials:trialDocument:curriculumVitae:table:name')"
-        show-overflow-tooltip
-        sortable="custom"
-      >
         <template slot-scope="scope">
           <span>{{ isEN ? scope.row.BlindName : scope.row.BlindNameCN }}</span>
         </template>
       </el-table-column>
-      <el-table-column
+      <el-table-column prop="Code" :label="$t('trials:trialDocument:curriculumVitae:table:UserName')"
-        prop="Code"
+        show-overflow-tooltip sortable="custom" />
-        :label="$t('trials:trialDocument:curriculumVitae:table:UserName')"
+      <el-table-column prop="Speciality" :label="$t('trials:trialDocument:curriculumVitae:table:Speciality')"
-        show-overflow-tooltip
+        show-overflow-tooltip sortable="custom">
-        sortable="custom"
-      />
-      <el-table-column
-        prop="Speciality"
-        :label="$t('trials:trialDocument:curriculumVitae:table:Speciality')"
-        show-overflow-tooltip
-        sortable="custom"
-      >
         <template slot-scope="scope">
           <span>
             {{
@@ -125,11 +66,8 @@
           </span>
         </template>
       </el-table-column>
-      <el-table-column
+      <el-table-column prop="Subspeciality" :label="$t('trials:trialDocument:curriculumVitae:table:Subspeciality')"
-        prop="Subspeciality"
+        show-overflow-tooltip>
-        :label="$t('trials:trialDocument:curriculumVitae:table:Subspeciality')"
-        show-overflow-tooltip
-      >
         <template slot-scope="scope">
           <span v-if="isEN">
             {{
@@ -147,52 +85,29 @@
           </span>
         </template>
       </el-table-column>
-      <el-table-column
+      <el-table-column prop="HospitalName" :label="$t('trials:trialDocument:curriculumVitae:table:HospitalName')"
-        prop="HospitalName"
+        show-overflow-tooltip sortable="custom">
-        :label="$t('trials:trialDocument:curriculumVitae:table:HospitalName')"
-        show-overflow-tooltip
-        sortable="custom"
-      >
         <template slot-scope="scope">
           <span>
             {{ isEN ? scope.row.HospitalName : scope.row.HospitalNameCN }}
           </span>
         </template>
       </el-table-column>
-      <el-table-column
+      <el-table-column prop="OptTimeStr" :label="$t('trials:trialDocument:curriculumVitae:table:submmitTime')"
-        prop="OptTimeStr"
+        show-overflow-tooltip sortable="custom" />
-        :label="$t('trials:trialDocument:curriculumVitae:table:submmitTime')"
-        show-overflow-tooltip
-        sortable="custom"
-      />
       <el-table-column :label="$t('common:action:action')" width="200">
         <template slot-scope="scope">
-          <el-button
+          <el-button icon="el-icon-view" :title="$t('common:button:view')" circle @click.stop="preview(scope.row)" />
-            icon="el-icon-view"
-            :title="$t('common:button:view')"
-            circle
-            @click.stop="preview(scope.row)"
-          />
         </template>
       </el-table-column>
     </el-table>
 
     <!-- 分页组件 -->
-    <pagination
+    <pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize"
-      class="page"
+      @pagination="getList" />
-      :total="total"
-      :page.sync="searchData.PageIndex"
-      :limit.sync="searchData.PageSize"
-      @pagination="getList"
-    />
     <el-dialog :visible.sync="preview_visible" fullscreen>
       <div style="height: 100%; overflow: auto">
-        <preview
+        <preview :isEN="isEN" :isAll="isAll" :reviewerId.sync="reviewerId" v-if="preview_visible" />
-          :isEN="isEN"
-          :isAll="isAll"
-          :reviewerId.sync="reviewerId"
-          v-if="preview_visible"
-        />
       </div>
     </el-dialog>
   </box-content>
@@ -336,8 +251,7 @@ export default {
       ])
     },
     TITLE() {
-      return `${this.$fd('ArchiveType', this.ArchiveTypeEnum)} — ${
+      return `${this.$fd('ArchiveType', this.ArchiveTypeEnum)} — ${this.isEN ? this.rowData.Name : this.rowData.NameCN
-        this.isEN ? this.rowData.Name : this.rowData.NameCN
         }`
     },
   },
@@ -349,25 +263,32 @@ export default {
   font-weight: bold;
   margin-bottom: 10px;
 }
+
 .fileName {
   display: inline-block;
   max-width: 100%;
-  white-space: nowrap; /* 文本不换行 */
+  white-space: nowrap;
-  overflow: hidden; /* 超出部分隐藏 */
+  /* 文本不换行 */
+  overflow: hidden;
+  /* 超出部分隐藏 */
   text-overflow: ellipsis;
 }
+
 .fileBtnBox {
   display: inline-block;
   width: 50px;
+
   i {
     cursor: pointer;
     color: #409eff;
     margin-right: 3px;
+
     &:last-child {
       margin: 0;
     }
   }
 }
+
 .topForm {
   .el-form-item {
     margin-right: 30px;