邮件管理中子页的操作列中文显示为英文，英文环境下按钮位置需要调整

src/views/dictionary/template/email/components/EmailList.vue

@@ -4,319 +4,160 @@
       <el-form :inline="true" class="base-search-form">
         <!-- 是否需要回执 -->
         <el-form-item :label="$t('trials:emailManageCfg:title:isReturnRequired')" v-if="!systemLevel">
-          <el-select
+          <el-select v-model="searchData.IsReturnRequired" clearable style="width: 100px">
-            v-model="searchData.IsReturnRequired"
+            <el-option v-for="item of $d.YesOrNo" :value="item.value" :label="item.label" :key="item.id" />
-            clearable
-            style="width: 100px"
-          >
-            <el-option
-              v-for="item of $d.YesOrNo"
-              :value="item.value"
-              :label="item.label"
-              :key="item.id"
-            />
           </el-select>
         </el-form-item>
         <!-- 是否加急 -->
         <el-form-item :label="$t('dictionary:email:label:IsUrgent')" v-if="!systemLevel">
-          <el-select
+          <el-select v-model="searchData.IsUrgent" clearable style="width: 100px">
-            v-model="searchData.IsUrgent"
+            <el-option v-for="item of $d.YesOrNo" :value="item.value" :label="item.label" :key="item.id" />
-            clearable
-            style="width: 100px"
-          >
-            <el-option
-              v-for="item of $d.YesOrNo"
-              :value="item.value"
-              :label="item.label"
-              :key="item.id"
-            />
           </el-select>
         </el-form-item>
         <!-- 是否启用 -->
         <el-form-item :label="$t('trials:emailManageCfg:table:IsEnable')" v-if="!systemLevel">
-          <el-select
+          <el-select v-model="searchData.IsEnable" clearable style="width: 100px">
-            v-model="searchData.IsEnable"
+            <el-option v-for="item of $d.YesOrNo" :value="item.value" :label="item.label" :key="item.id" />
-            clearable
-            style="width: 100px"
-          >
-            <el-option
-              v-for="item of $d.YesOrNo"
-              :value="item.value"
-              :label="item.label"
-              :key="item.id"
-            />
           </el-select>
         </el-form-item>
-        <el-form-item
+        <el-form-item :label="$t('trials:auditRecord:table:criterion')" v-if="isDistinguishCriteria && !systemLevel">
-          :label="$t('trials:auditRecord:table:criterion')"
+          <el-select v-model="searchData.CriterionTypeEnum" clearable style="width: 100px">
-          v-if="isDistinguishCriteria && !systemLevel"
+            <el-option v-for="item of $d.CriterionType" :value="item.value" :label="item.label" :key="item.id" />
-        >
-          <el-select
-            v-model="searchData.CriterionTypeEnum"
-            clearable
-            style="width: 100px"
-          >
-            <el-option
-              v-for="item of $d.CriterionType"
-              :value="item.value"
-              :label="item.label"
-              :key="item.id"
-            />
           </el-select>
         </el-form-item>
         <el-form-item :label="$t('trials:emailManageCfg:form:BusinessModule')">
-          <el-select
+          <el-select v-model="searchData.BusinessModuleEnum" clearable style="width: 100px">
-            v-model="searchData.BusinessModuleEnum"
+            <el-option v-for="item of $d.BusinessModule" :value="item.value" :label="item.label" :key="item.id" />
-            clearable
-            style="width: 100px"
-          >
-            <el-option
-              v-for="item of $d.BusinessModule"
-              :value="item.value"
-              :label="item.label"
-              :key="item.id"
-            />
           </el-select>
         </el-form-item>
-        <el-form-item
+        <el-form-item :label="$t('trials:emailManageCfg:form:BusinessScenario')">
-          :label="$t('trials:emailManageCfg:form:BusinessScenario')"
+          <el-select v-model="searchData.BusinessScenarioEnum" clearable style="width: 100px">
-        >
+            <el-option v-for="item of $d.Email_BusinessScenario" :value="item.value" :label="item.label"
-          <el-select
+              :key="item.id" />
-            v-model="searchData.BusinessScenarioEnum"
-            clearable
-            style="width: 100px"
-          >
-            <el-option
-              v-for="item of $d.Email_BusinessScenario"
-              :value="item.value"
-              :label="item.label"
-              :key="item.id"
-            />
           </el-select>
         </el-form-item>
         <el-form-item :label="$t('trials:emailManageCfg:form:ToUserType')">
-          <el-select
+          <el-select v-model="searchData.ToUserType" clearable style="width: 100px">
-            v-model="searchData.ToUserType"
+            <el-option v-for="item of UserTypeList" :value="item.value" :label="item.label" :key="item.id" />
-            clearable
-            style="width: 100px"
-          >
-            <el-option
-              v-for="item of UserTypeList"
-              :value="item.value"
-              :label="item.label"
-              :key="item.id"
-            />
           </el-select>
         </el-form-item>
-        <el-form-item
+        <el-form-item :label="$t('trials:emailManageCfg:form:EmailUrgent')" v-if="systemLevel === 1">
-          :label="$t('trials:emailManageCfg:form:EmailUrgent')"
+          <el-select v-model="searchData.EmailUrgentEnum" clearable style="width: 100px">
-          v-if="systemLevel === 1"
+            <el-option v-for="item of $d.EmailUrgent" :value="item.value" :label="item.label" :key="item.id" />
-        >
-          <el-select
-            v-model="searchData.EmailUrgentEnum"
-            clearable
-            style="width: 100px"
-          >
-            <el-option
-              v-for="item of $d.EmailUrgent"
-              :value="item.value"
-              :label="item.label"
-              :key="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>
+        <el-form-item>
-      <span style="margin-left: auto">
+          <el-button type="primary" @click="handleExport">
-        <el-button type="primary" @click="handleExport">
+            {{ $t('common:button:export') }}
-          {{ $t('common:button:export') }}
+          </el-button>
-        </el-button>
+          <!-- <el-button
-        <!-- <el-button
       type="primary"
       size="mini"
     >
       场景配置
     </el-button> -->
-        <el-button type="primary" @click="handleAdd">
+          <el-button type="primary" @click="handleAdd">
-          {{ $t('common:button:new') }}
+            {{ $t('common:button:new') }}
-        </el-button>
+          </el-button>
-      </span>
+        </el-form-item>
+      </el-form>
     </div>
     <!-- 受试者列表 -->
-    <el-table
+    <el-table v-loading="loading" v-adaptive="{ bottomOffset: 45 }" :data="list" stripe height="100" style="width: 100%"
-      v-loading="loading"
+      @sort-change="handleSortByColumn">
-      v-adaptive="{ bottomOffset: 45 }"
-      :data="list"
-      stripe
-      height="100"
-      style="width: 100%"
-      @sort-change="handleSortByColumn"
-    >
       <el-table-column type="index" width="40" />
       <!-- Code -->
-      <el-table-column
+      <el-table-column prop="Code" :label="$t('trials:emailManageCfg:title:code')" sortable="custom"
-        prop="Code"
+        show-overflow-tooltip min-width="100" />
-        :label="$t('trials:emailManageCfg:title:code')"
+      <el-table-column v-if="isDistinguishCriteria" prop="TrialReadingCriterionId"
-        sortable="custom"
+        :label="$t('trials:reviewTrack:table:criterionName')" show-overflow-tooltip sortable="custom" min-width="120">
-        show-overflow-tooltip
-        min-width="100"
-      />
-      <el-table-column
-        v-if="isDistinguishCriteria"
-        prop="TrialReadingCriterionId"
-        :label="$t('trials:reviewTrack:table:criterionName')"
-        show-overflow-tooltip
-        sortable="custom"
-        min-width="120"
-      >
         <template slot-scope="scope">
           {{ $fd('CriterionType', scope.row.CriterionTypeEnum) }}
         </template>
       </el-table-column>
       <!-- 邮件主题（中文） -->
-      <el-table-column
+      <el-table-column prop="EmailTopicCN" :label="$t('trials:emailManageCfg:table:EmailTopicCN')" sortable="custom"
-        prop="EmailTopicCN"
+        show-overflow-tooltip min-width="160" />
-        :label="$t('trials:emailManageCfg:table:EmailTopicCN')"
-        sortable="custom"
-        show-overflow-tooltip
-        min-width="160"
-      />
       <!-- 邮件主题（英文） -->
-      <el-table-column
+      <el-table-column prop="EmailTopic" :label="$t('trials:emailManageCfg:table:EmailTopic')" sortable="custom"
-        prop="EmailTopic"
+        show-overflow-tooltip min-width="160" />
-        :label="$t('trials:emailManageCfg:table:EmailTopic')"
-        sortable="custom"
-        show-overflow-tooltip
-        min-width="160"
-      />
       <!-- 业务层级 -->
-      <el-table-column
+      <el-table-column prop="BusinessLevelEnum" :label="$t('dictionary:email:label:businessLevel')" sortable="custom"
-        prop="BusinessLevelEnum"
+        show-overflow-tooltip min-width="150">
-        :label="$t('dictionary:email:label:businessLevel')"
-        sortable="custom"
-        show-overflow-tooltip
-        min-width="150"
-      >
         <template slot-scope="scope">
           {{ $fd('BusinessLevel', scope.row.BusinessLevelEnum) }}
         </template>
       </el-table-column>
       <!-- 业务模块 -->
-      <el-table-column
+      <el-table-column prop="BusinessModuleEnum" :label="$t('dictionary:email:label:businessModule')" sortable="custom"
-        prop="BusinessModuleEnum"
+        show-overflow-tooltip min-width="160">
-        :label="$t('dictionary:email:label:businessModule')"
-        sortable="custom"
-        show-overflow-tooltip
-        min-width="160"
-      >
         <template slot-scope="scope">
           {{ $fd('BusinessModule', scope.row.BusinessModuleEnum) }}
         </template>
       </el-table-column>
       <!-- 业务场景 -->
-      <el-table-column
+      <el-table-column prop="BusinessScenarioEnum" :label="$t('trials:emailManageCfg:table:BusinessScenarioEnum')"
-        prop="BusinessScenarioEnum"
+        sortable="custom" show-overflow-tooltip min-width="130">
-        :label="$t('trials:emailManageCfg:table:BusinessScenarioEnum')"
-        sortable="custom"
-        show-overflow-tooltip
-        min-width="130"
-      >
         <template slot-scope="scope">
           {{ $fd('Email_BusinessScenario', scope.row.BusinessScenarioEnum) }}
         </template>
       </el-table-column>
       <!-- 收件人v-if="systemLevel !== 1" -->
-      <el-table-column
+      <el-table-column prop="ToUserTypeList" :label="$t('trials:emailManageCfg:title:toUserTypeList')"
-        prop="ToUserTypeList"
+        show-overflow-tooltip min-width="100">
-        :label="$t('trials:emailManageCfg:title:toUserTypeList')"
-        show-overflow-tooltip
-        min-width="100"
-      >
         <template slot-scope="scope">
           {{
             scope.row.ToUserTypeList.length > 0
               ? scope.row.ToUserTypeList.map((v) => $fd('UserType', v)).join(
-                  '、'
+                '、'
-                )
+              )
               : ''
           }}
         </template>
       </el-table-column>
       <!-- 抄送人v-if="!systemLevel" -->
-      <el-table-column
+      <el-table-column prop="CopyUserTypeList" :label="$t('trials:emailManageCfg:title:copyUserTypeList')"
-        prop="CopyUserTypeList"
+        show-overflow-tooltip min-width="100">
-        :label="$t('trials:emailManageCfg:title:copyUserTypeList')"
-        show-overflow-tooltip
-        min-width="100"
-      >
         <template slot-scope="scope">
           {{
             scope.row.CopyUserTypeList.length > 0
               ? scope.row.CopyUserTypeList.map((v) => $fd('UserType', v)).join(
-                  '、'
+                '、'
-                )
+              )
               : ''
           }}
         </template>
       </el-table-column>
       <!-- 加急状态 -->
-      <el-table-column
+      <el-table-column prop="EmailUrgentEnum" :label="$t('dictionary:email:label:IsUrgent')" sortable="custom"
-        prop="EmailUrgentEnum"
+        show-overflow-tooltip min-width="110">
-        :label="$t('dictionary:email:label:IsUrgent')"
-        sortable="custom"
-        show-overflow-tooltip
-        min-width="110"
-      >
         <template slot-scope="scope">
           {{ $fd('EmailUrgent', scope.row.EmailUrgentEnum) }}
         </template>
       </el-table-column>
       <!-- 发送周期和时间 -->
-      <el-table-column
+      <el-table-column prop="EmailCron" :label="$t('trials:emailManageCfg:table:EmailCron')" sortable="custom"
-        prop="EmailCron"
+        show-overflow-tooltip min-width="180" />
-        :label="$t('trials:emailManageCfg:table:EmailCron')"
-        sortable="custom"
-        show-overflow-tooltip
-        min-width="180"
-      />
       <!-- 附件 -->
-      <el-table-column
+      <el-table-column prop="FileName" :label="$t('trials:emailManageCfg:title:fileName')" show-overflow-tooltip
-        prop="FileName"
+        min-width="100" v-if="!systemLevel">
-        :label="$t('trials:emailManageCfg:title:fileName')"
-        show-overflow-tooltip
-        min-width="100"
-        v-if="!systemLevel"
-      >
         <template slot-scope="scope">
-          <el-button
+          <el-button v-if="scope.row.FilePath" type="text" @click="handlePreview(scope.row.FilePath)">
-            v-if="scope.row.FilePath"
-            type="text"
-            @click="handlePreview(scope.row.FilePath)"
-          >
             {{ scope.row.FileName }}
           </el-button>
         </template>
       </el-table-column>
       <!-- 是否需要回执 -->
-      <el-table-column
+      <el-table-column prop="IsReturnRequired" :label="$t('trials:emailManageCfg:title:isReturnRequired')"
-        prop="IsReturnRequired"
+        show-overflow-tooltip sortable="custom" min-width="160" v-if="!systemLevel">
-        :label="$t('trials:emailManageCfg:title:isReturnRequired')"
-        show-overflow-tooltip
-        sortable="custom"
-        min-width="160"
-        v-if="!systemLevel"
-      >
         <template slot-scope="scope">
           <el-tag v-if="scope.row.IsReturnRequired" type="danger">
             {{ $fd('YesOrNo', scope.row.IsReturnRequired) }}
@@ -327,14 +168,8 @@
         </template>
       </el-table-column>
       <!-- 是否自动发送 -->
-      <el-table-column
+      <el-table-column prop="IsAutoSend" :label="$t('trials:emailManageCfg:title:isAutoSend')" show-overflow-tooltip
-        prop="IsAutoSend"
+        sortable="custom" min-width="160" v-if="!systemLevel">
-        :label="$t('trials:emailManageCfg:title:isAutoSend')"
-        show-overflow-tooltip
-        sortable="custom"
-        min-width="160"
-        v-if="!systemLevel"
-      >
         <template slot-scope="scope">
           <el-tag v-if="scope.row.IsAutoSend" type="danger">
             {{ $fd('YesOrNo', scope.row.IsAutoSend) }}
@@ -344,14 +179,8 @@
           }}</el-tag>
         </template>
       </el-table-column>
-      <el-table-column
+      <el-table-column prop="IsEnable" :label="$t('trials:emailManageCfg:table:IsEnable')" show-overflow-tooltip
-        prop="IsEnable"
+        sortable="custom" min-width="160" v-if="!systemLevel">
-        :label="$t('trials:emailManageCfg:table:IsEnable')"
-        show-overflow-tooltip
-        sortable="custom"
-        min-width="160"
-        v-if="!systemLevel"
-      >
         <template slot-scope="scope">
           <el-tag v-if="scope.row.IsEnable" type="danger">
             {{ $fd('YesOrNo', scope.row.IsEnable) }}
@@ -362,22 +191,12 @@
         </template>
       </el-table-column>
       <!-- 更新时间 -->
-      <el-table-column
+      <el-table-column prop="UpdateTime" :label="$t('trials:emailManageCfg:title:updateTime')" show-overflow-tooltip
-        prop="UpdateTime"
+        sortable="custom" min-width="160" />
-        :label="$t('trials:emailManageCfg:title:updateTime')"
-        show-overflow-tooltip
-        sortable="custom"
-        min-width="160"
-      />
       <!-- 创建时间 -->
-      <el-table-column
+      <el-table-column prop="CreateTime" :label="$t('trials:emailManageCfg:title:createTime')" show-overflow-tooltip
-        prop="CreateTime"
+        sortable="custom" min-width="160" />
-        :label="$t('trials:emailManageCfg:title:createTime')"
+      <el-table-column :label="$t('common:action:action')" min-width="180" fixed="right">
-        show-overflow-tooltip
-        sortable="custom"
-        min-width="160"
-      />
-      <el-table-column label="Action" min-width="180" fixed="right">
         <template slot-scope="scope">
           <el-button type="text" @click="handleEdit(scope.row)">
             {{ $t('common:button:edit') }}
@@ -386,77 +205,38 @@
           <el-button type="text" @click="handleDelete(scope.row)">
             {{ $t('common:button:delete') }}
           </el-button>
-          <el-button
+          <el-button type="text" @click="
-            type="text"
+            preview(scope.row.EmailHtmlContentCN, scope.row.EmailHtmlContent)
-            @click="
+            ">{{ $t('common:button:preview') }}</el-button>
-              preview(scope.row.EmailHtmlContentCN, scope.row.EmailHtmlContent)
-            "
-            >{{ $t('common:button:preview') }}</el-button>
         </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
+    <el-dialog v-if="editVisible" :visible.sync="editVisible" :close-on-click-modal="false" :title="title" width="700px"
-      v-if="editVisible"
+      fullscreen custom-class="base-dialog-wrapper">
-      :visible.sync="editVisible"
+      <EmailForm :data="rowData" :system-level="systemLevel" :isDistinguishCriteria="isDistinguishCriteria"
-      :close-on-click-modal="false"
+        @closeDialog="closeDialog" @getList="getList" @PreviewHTML="preview" />
-      :title="title"
-      width="700px"
-      fullscreen
-      custom-class="base-dialog-wrapper"
-    >
-      <EmailForm
-        :data="rowData"
-        :system-level="systemLevel"
-        :isDistinguishCriteria="isDistinguishCriteria"
-        @closeDialog="closeDialog"
-        @getList="getList"
-        @PreviewHTML="preview"
-      />
     </el-dialog>
 
     <!-- 修改受试者状态 -->
-    <el-dialog
+    <el-dialog v-if="attachmentVisible" :visible.sync="attachmentVisible" :close-on-click-modal="false"
-      v-if="attachmentVisible"
+      :title="$t('trials:emailManageCfg:title:fileName')" width="80%" custom-class="base-dialog-wrapper" append-to-body>
-      :visible.sync="attachmentVisible"
+      <AttachmentList :business-scenario-enum="rowData.BusinessScenarioEnum"
-      :close-on-click-modal="false"
+        :is-distinguish-criteria="rowData.IsDistinguishCriteria" @getList="getList" />
-      :title="$t('trials:emailManageCfg:title:fileName')"
-      width="80%"
-      custom-class="base-dialog-wrapper"
-      append-to-body
-    >
-      <AttachmentList
-        :business-scenario-enum="rowData.BusinessScenarioEnum"
-        :is-distinguish-criteria="rowData.IsDistinguishCriteria"
-        @getList="getList"
-      />
     </el-dialog>
     <!-- 预览模板 -->
-    <el-dialog
+    <el-dialog v-if="previewVisible" :visible.sync="previewVisible" :close-on-click-modal="false"
-      v-if="previewVisible"
+      :title="$t('common:button:preview')" fullscreen custom-class="base-dialog-wrapper">
-      :visible.sync="previewVisible"
+      <div style="
-      :close-on-click-modal="false"
-      :title="$t('common:button:preview')"
-      fullscreen
-      custom-class="base-dialog-wrapper"
-    >
-      <div
-        style="
           display: flex;
           align-items: flex-start;
           justify-content: space-around;
           flex-wrap: wrap;
-        "
+        ">
-      >
         <div style="min-width: 50%">
           <!-- 邮件内容模版（CN） -->
           <h3>{{ $t('dictionary:email:title:title1') }}</h3>
@@ -630,3 +410,8 @@ export default {
   },
 }
 </script>
+<style lang="scss" scoped>
+.box-body .search .base-search-form .el-form-item {
+  margin-bottom: 10px;
+}
+</style>