src/views/trials/trials-panel/enrolled-reviewers/list/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <BaseContainer class="enroll-list">
+  <BaseContainer>
     <!-- <template slot="search-container">
       <el-button
         v-hasPermi="['trials:trials-panel:enrolled-reviewers:list:enroll']"
@@ -96,15 +96,16 @@
           <el-table-column
             :label="$t('trials:enrolledReviews:table:readingType')"
             width="300"
+            show-overflow-tooltip
           >
             <template slot-scope="scope">
-                <span v-for="item of scope.row.CriterionCategoryList.find(v => {return v.TrialReadingCriterionId === ite.TrialReadingCriterionId}) ? scope.row.CriterionCategoryList.find(v => {return v.TrialReadingCriterionId === ite.TrialReadingCriterionId}).ReadingCategorys : []" :key="item.TrialReadingCriterionId" style="margin:5px 5px 5px 0;">
+              <span v-for="item of scope.row.CriterionCategoryList.find(v => {return v.TrialReadingCriterionId === ite.TrialReadingCriterionId}) ? scope.row.CriterionCategoryList.find(v => {return v.TrialReadingCriterionId === ite.TrialReadingCriterionId}).ReadingCategorys : []" :key="item.TrialReadingCriterionId">
-                  <el-tag v-if="item === 1" type="primary">{{ $fd('ReadingCategory', item) + ' & ' + $fd('ReadingCategory', 2) }}</el-tag>
+                <el-tag v-if="item === 1" type="primary">{{ $fd('ReadingCategory', item) + ' & ' + $fd('ReadingCategory', 2) }}</el-tag>
-                  <!--              <el-tag v-if="item === 2" type="info">{{ $fd('ReadingCategory', item) }}</el-tag>-->
+                <!--              <el-tag v-if="item === 2" type="info">{{ $fd('ReadingCategory', item) }}</el-tag>-->
-                  <el-tag v-if="item === 4" type="danger">{{ $fd('ReadingCategory', item) }}</el-tag>
+                <el-tag v-if="item === 4" type="danger">{{ $fd('ReadingCategory', item) }}</el-tag>
-                  <el-tag v-if="item === 5" type="warning">{{ $fd('ReadingCategory', item) }}</el-tag>
+                <el-tag v-if="item === 5" type="warning">{{ $fd('ReadingCategory', item) }}</el-tag>
-                </span>
+              </span>
-                <el-button
+              <el-button
                 v-hasPermi="['trials:trials-panel:enrolled-reviewers:list:edit']"
                 type="text"
                 @click="openSetEnrollReadingCategory(scope.row, ite.TrialReadingCriterionId)"
@@ -247,7 +248,7 @@
       </template>
     </base-model>
     <!-- 修改 readingCategory -->
-    <base-model :config="readingCategory_model" class="readingCategory_model">
+    <base-model :config="readingCategory_model">
       <template slot="dialog-body">
         <!-- Reading Type -->
         <label>{{ $t('trials:enrolledReviews:table:readingType') }}: </label>
@@ -257,7 +258,7 @@
           allow-create
           multiple
           default-first-option
-          style="width: 50%;"
+          style="width: 70%"
         >
           <template v-for="item of $d.ReadingCategory">
             <el-option  v-if="item.value === 1" :key="item.id" :value="1" :label="$fd('ReadingCategory', 1) + ' & ' + $fd('ReadingCategory', 2)" /> 
@@ -432,7 +433,7 @@ export default {
         visible: false,
         title: this.$t('trials:enrolledReviews:dialogTitle:changeReadingType'),
         showClose: true,
-        width: '600px',
+        width: '500px',
         btnLoading: false
       },
       reviewerStatus_model: {
@@ -822,11 +823,10 @@ export default {
 <style lang="scss">
   .enroll-list {
     height: 100%;
-    .readingCategory_model{
+    .filter-box {
-      .base-modal-body{
+      display: flex;
-        min-height: 150px;
+      align-items: center;
-        padding-bottom: 30px !important;
+      padding: 5px 0px;
-      }
     }
   }
 </style>