From 0b49bd8dab7b119ab10bd5b52a3ed7d53d119670 Mon Sep 17 00:00:00 2001
From: "DESKTOP-6C3NK6N\\WXS" <815034831@qq.com>
Date: Tue, 6 Aug 2024 17:04:48 +0800
Subject: [PATCH 1/2] =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=AF=BC=E5=87=BA?=
 =?UTF-8?q?=E6=A8=A1=E6=9D=BF=E6=96=B0=E5=A2=9ENameCN=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ExportTemplate/TemplateForm.vue           | 238 +++++++++++-------
 .../components/ExportTemplate/index.vue       | 235 +++++++++--------
 2 files changed, 282 insertions(+), 191 deletions(-)

diff --git a/src/views/dictionary/attachment/components/ExportTemplate/TemplateForm.vue b/src/views/dictionary/attachment/components/ExportTemplate/TemplateForm.vue
index cc12ce7f..d7273529 100644
--- a/src/views/dictionary/attachment/components/ExportTemplate/TemplateForm.vue
+++ b/src/views/dictionary/attachment/components/ExportTemplate/TemplateForm.vue
@@ -3,7 +3,7 @@
     ref="sysTemplateFrom"
     v-loading="loading"
     :model="form"
-    label-width="90px"
+    label-width="140px"
     size="small"
     :rules="rules"
     class="upload-temporary-file"
@@ -12,10 +12,13 @@
       <el-form-item label="Code" prop="Code">
         <el-input v-model="form.Code" />
       </el-form-item>
-      <el-form-item label="业务场景: " prop="BusinessScenarioEnum">
+      <el-form-item
+        :label="$t('dictionary:attachment:export:form:business')"
+        prop="BusinessScenarioEnum"
+      >
         <el-select
           v-model="form.BusinessScenarioEnum"
-          style="width:100%;"
+          style="width: 100%"
           size="small"
           filterable
         >
@@ -27,7 +30,7 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item label="文件: ">
+      <el-form-item :label="$t('dictionary:attachment:export:form:file')">
         <div class="upload-container">
           <el-upload
             class="upload-demo"
@@ -43,84 +46,123 @@
             :on-exceed="handleExceed"
             :disabled="!form.FileTypeEnum || !form.BusinessScenarioEnum"
           >
-            <el-button size="small" type="primary" :disabled="!form.FileTypeEnum || !form.BusinessScenarioEnum" :loading="btnLoading">Select</el-button>
-            <span
-              slot="tip"
-              style="margin-left:10px;"
-              class="el-upload__tip"
+            <el-button
+              size="small"
+              type="primary"
+              :disabled="!form.FileTypeEnum || !form.BusinessScenarioEnum"
+              :loading="btnLoading"
+              >Select</el-button
             >
+            <span slot="tip" style="margin-left: 10px" class="el-upload__tip">
               (must be in xlsx/xls/doc/docx format)
             </span>
           </el-upload>
         </div>
       </el-form-item>
-      <el-form-item label="文件名" prop="Name">
+      <el-form-item
+        :label="$t('dictionary:attachment:export:form:name')"
+        prop="Name"
+      >
         <el-input v-model="form.Name" />
       </el-form-item>
-      <el-form-item v-if="form.Id !== ''" label="是否废除: ">
+      <el-form-item
+        :label="$t('dictionary:attachment:export:form:nameCN')"
+        prop="NameCN"
+      >
+        <el-input v-model="form.NameCN" />
+      </el-form-item>
+      <el-form-item
+        v-if="form.Id !== ''"
+        :label="$t('dictionary:attachment:export:form:isDeleted')"
+      >
         <el-radio-group v-model="form.IsDeleted">
           <el-radio :label="true">是</el-radio>
           <el-radio :label="false">否</el-radio>
         </el-radio-group>
       </el-form-item>
-      <el-form-item label="描述">
+      <el-form-item
+        :label="$t('dictionary:attachment:export:form:description')"
+      >
         <el-input
           v-model="form.Description"
           type="textarea"
-          :autosize="{ minRows: 2, maxRows: 4}"
-          placeholder="请输入内容"
+          :autosize="{ minRows: 2, maxRows: 4 }"
+          placeholder=""
         />
       </el-form-item>
     </div>
-    <div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
-      <el-form-item style="text-align:right;">
-        <el-button size="small" type="primary" :disabled="!form.FileTypeEnum || !form.BusinessScenarioEnum" :loading="saveBtnLoading" @click="handleSave">Save</el-button>
+    <div class="base-dialog-footer" style="text-align: right; margin-top: 10px">
+      <el-form-item style="text-align: right">
+        <el-button
+          size="small"
+          type="primary"
+          :disabled="!form.FileTypeEnum || !form.BusinessScenarioEnum"
+          :loading="saveBtnLoading"
+          @click="handleSave"
+          >{{ $t("common:button:save") }}</el-button
+        >
       </el-form-item>
     </div>
   </el-form>
 </template>
 <script>
-import { addOrUpdateCommonDocument, uploadCommonDoc, Upload } from '@/api/dictionary'
-import { getBasicDataSelects } from '@/api/dictionary/dictionary'
+import {
+  addOrUpdateCommonDocument,
+  uploadCommonDoc,
+  Upload,
+} from "@/api/dictionary";
+import { getBasicDataSelects } from "@/api/dictionary/dictionary";
 export default {
-  name: 'TemplateForm',
+  name: "TemplateForm",
   props: {
     data: {
       type: Object,
-      default() { return {} }
-    }
+      default() {
+        return {};
+      },
+    },
   },
 
   data() {
     return {
       form: {
-        Id: '',
-        Code: '',
+        Id: "",
+        Code: "",
         FileTypeEnum: null,
         BusinessScenarioEnum: null,
-        Name: '',
-        Path: '',
-        Description: '',
-        IsDeleted: false
+        Name: "",
+        NameCN: "",
+        Path: "",
+        Description: "",
+        IsDeleted: false,
       },
       rules: {
-        Code: [{ required: true, message: 'Please specify', trigger: ['blur'] }],
-        Name: [{ required: true, message: 'Please specify', trigger: ['blur'] }],
-        BusinessScenarioEnum: [{ required: true, message: 'Please select', trigger: ['blur'] }]
+        Code: [
+          { required: true, message: "Please specify", trigger: ["blur"] },
+        ],
+        Name: [
+          { required: true, message: "Please specify", trigger: ["blur"] },
+        ],
+        NameCN: [
+          { required: true, message: "Please specify", trigger: ["blur"] },
+        ],
+        BusinessScenarioEnum: [
+          { required: true, message: "Please select", trigger: ["blur"] },
+        ],
       },
       fileList: [],
       btnLoading: false,
       saveBtnLoading: false,
       loading: false,
-      dictionaryList: {}
-    }
+      dictionaryList: {},
+    };
   },
   mounted() {
-    this.initForm()
+    this.initForm();
   },
   methods: {
     async initForm() {
-      await this.getDicData()
+      await this.getDicData();
       if (Object.keys(this.data).length > 0) {
         if (this.data.Path) {
           this.fileList = [
@@ -128,97 +170,111 @@ export default {
               name: this.data.Name,
               path: this.data.Path,
               url: this.data.Path,
-              type: this.data.Type
-            }
-          ]
+              type: this.data.Type,
+            },
+          ];
         }
         for (const k in this.form) {
           if (this.data.hasOwnProperty(k)) {
-            this.form[k] = this.data[k]
+            this.form[k] = this.data[k];
           }
         }
       }
     },
     // 获取文件类型下拉框
     getDicData() {
-      this.loading = true
-      getBasicDataSelects(['Common_File_ModuleType', 'Common_File_Type']).then(res => {
-        this.dictionaryList = { ...res.Result }
-        this.loading = false
-      }).catch(() => {
-        this.loading = false
-      })
+      this.loading = true;
+      getBasicDataSelects(["Common_File_ModuleType", "Common_File_Type"])
+        .then((res) => {
+          this.dictionaryList = { ...res.Result };
+          this.loading = false;
+        })
+        .catch(() => {
+          this.loading = false;
+        });
     },
     beforeUpload(file) {
       // 检测文件类型是否符合要求
       if (this.checkFileSuffix(file.name)) {
-        this.fileList = []
-        return true
+        this.fileList = [];
+        return true;
       } else {
-        this.$alert('必须是word/excel格式')
-
-        return false
+        // this.$alert("必须是word/excel格式");
+        this.$alert(this.$t("dictionary:attachment:export:alert:formatFile"));
+        return false;
       }
     },
     async handleUploadFile(param) {
-      this.loading = true
-      const formData = new FormData()
-      formData.append('file', param.file)
-      this.form.FileName = param.file.name
-      Upload(formData, 1).then(res => {
-        this.fileList.push({ name: param.file.name, path: res.Result.FilePath, fullPath: res.Result.FullFilePath, url: res.Result.FilePath })
-        this.form.Path = res.Result.FilePath
-        this.form.Name = param.file.name
-        this.loading = false
-        this.btnLoading = false
-      })
+      this.loading = true;
+      const formData = new FormData();
+      formData.append("file", param.file);
+      this.form.FileName = param.file.name;
+      Upload(formData, 1).then((res) => {
+        this.fileList.push({
+          name: param.file.name,
+          path: res.Result.FilePath,
+          fullPath: res.Result.FullFilePath,
+          url: res.Result.FilePath,
+        });
+        this.form.Path = res.Result.FilePath;
+        this.form.NameCN = param.file.name;
+        this.loading = false;
+        this.btnLoading = false;
+      });
     },
     handleSave() {
-      this.$refs.sysTemplateFrom.validate(valid => {
-        if (!valid) return
+      this.$refs.sysTemplateFrom.validate((valid) => {
+        if (!valid) return;
         if (!this.form.Name) {
-          this.$alert('Please select file.')
-          return
+          this.$alert("Please select file.");
+          return;
         }
-        this.saveBtnLoading = true
-        addOrUpdateCommonDocument(this.form).then(res => {
-          this.saveBtnLoading = false
-          this.$emit('closeDialog')
-          this.$emit('getList')
-          this.$message.success('Uploaded successfully')
-        }).catch(() => {
-          this.saveBtnLoading = false
-        })
-      })
+        this.saveBtnLoading = true;
+        addOrUpdateCommonDocument(this.form)
+          .then((res) => {
+            this.saveBtnLoading = false;
+            this.$emit("closeDialog");
+            this.$emit("getList");
+            this.$message.success(
+              this.$t("trials:uploadMonitor:table:uploadStatus")
+            );
+          })
+          .catch(() => {
+            this.saveBtnLoading = false;
+          });
+      });
     },
     handleRemoveFile() {
-      this.fileList = []
-      this.form.Path = ''
-      this.form.Name = ''
+      this.fileList = [];
+      this.form.Path = "";
+      this.form.NameCN = "";
+      this.form.Name = "";
     },
     handlePreview(file) {
       if (file.fullPath) {
-        window.open(file.fullPath, '_blank')
+        window.open(file.fullPath, "_blank");
       }
     },
     handleExceed(files, fileList) {
-      this.$message.warning(`Upload is currently limited to 1 file`)
+      this.$message.warning(`Upload is currently limited to 1 file`);
     },
     checkFileSuffix(fileName) {
-      var typeArr = ['xls', 'xlsx', 'doc', 'docx']
-      var extendName = fileName.substring(fileName.lastIndexOf('.') + 1).toLocaleLowerCase()
+      var typeArr = ["xls", "xlsx", "doc", "docx"];
+      var extendName = fileName
+        .substring(fileName.lastIndexOf(".") + 1)
+        .toLocaleLowerCase();
       if (typeArr.indexOf(extendName) !== -1) {
-        return true
+        return true;
       } else {
-        return false
+        return false;
       }
-    }
-  }
-}
+    },
+  },
+};
 </script>
 
 <style lang="scss">
-.upload-temporary-file{
+.upload-temporary-file {
   .upload-container .el-upload--text {
     border: none;
     width: 80px;
@@ -231,8 +287,8 @@ export default {
     color: #428bca;
     font-size: 13px;
   }
-  .account_item_clear{
-    .el-tag__close{
+  .account_item_clear {
+    .el-tag__close {
       display: none !important;
     }
   }
diff --git a/src/views/dictionary/attachment/components/ExportTemplate/index.vue b/src/views/dictionary/attachment/components/ExportTemplate/index.vue
index ff2f82ef..cca22891 100644
--- a/src/views/dictionary/attachment/components/ExportTemplate/index.vue
+++ b/src/views/dictionary/attachment/components/ExportTemplate/index.vue
@@ -2,10 +2,12 @@
   <BaseContainer>
     <template slot="search-container">
       <el-form :inline="true" size="small">
-        <el-form-item label="业务场景">
+        <el-form-item
+          :label="$t('dictionary:attachment:export:search:business')"
+        >
           <el-select
             v-model="searchData.BusinessScenarioEnum"
-            style="width:150px;"
+            style="width: 150px"
           >
             <el-option
               v-for="item of $d.Common_File_BusinessScenario"
@@ -13,41 +15,42 @@
               :label="item.label"
               :value="item.value"
             />
-
           </el-select>
         </el-form-item>
-        <el-form-item label="文件名称">
-          <el-input
-            v-model="searchData.Name"
-            style="width:130px;"
-            clearable
-          />
+        <el-form-item
+          :label="$t('dictionary:attachment:export:search:fileName')"
+        >
+          <el-input v-model="searchData.Name" style="width: 130px" clearable />
         </el-form-item>
 
         <el-form-item>
           <!-- 查询 -->
           <el-button type="primary" icon="el-icon-search" @click="handleSearch">
-            {{ $t('common:button:search') }}
+            {{ $t("common:button:search") }}
           </el-button>
           <!-- 重置 -->
-          <el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">
-            {{ $t('common:button:reset') }}
+          <el-button
+            type="primary"
+            icon="el-icon-refresh-left"
+            @click="handleReset"
+          >
+            {{ $t("common:button:reset") }}
           </el-button>
         </el-form-item>
+        <el-button
+          type="primary"
+          icon="el-icon-plus"
+          style="float: right"
+          size="small"
+          @click="handleAdd"
+        >
+          {{ $t("common:button:new") }}
+        </el-button>
       </el-form>
-      <el-button
-        type="primary"
-        icon="el-icon-plus"
-        style="margin-left:auto;"
-        size="small"
-        @click="handleAdd"
-      >
-        {{ $t('common:button:new') }}
-      </el-button>
     </template>
     <template slot="main-container">
       <el-table
-        v-adaptive="{bottomOffset:60}"
+        v-adaptive="{ bottomOffset: 60 }"
         v-loading="loading"
         :data="list"
         stripe
@@ -64,70 +67,81 @@
 
         <el-table-column
           prop="BusinessScenarioEnum"
-          label="业务场景"
+          :label="$t('dictionary:attachment:export:table:business')"
           show-overflow-tooltip
           sortable="custom"
         >
           <template slot-scope="scope">
-            {{ $fd('Common_File_BusinessScenario',scope.row.BusinessScenarioEnum) }}
+            {{
+              $fd(
+                "Common_File_BusinessScenario",
+                scope.row.BusinessScenarioEnum
+              )
+            }}
           </template>
-
         </el-table-column>
 
         <el-table-column
           prop="Name"
-          label="文件名称"
+          :label="$t('dictionary:attachment:export:table:name')"
+          show-overflow-tooltip
+          sortable="custom"
+        />
+        <el-table-column
+          prop="NameCN"
+          :label="$t('dictionary:attachment:export:table:nameCN')"
           show-overflow-tooltip
           sortable="custom"
         />
         <el-table-column
           prop="Description"
-          label="描述"
+          :label="$t('dictionary:attachment:export:table:description')"
           show-overflow-tooltip
         />
         <el-table-column
           prop="IsDeleted"
-          label="是否废除"
+          :label="$t('dictionary:attachment:export:table:isDeleted')"
           show-overflow-tooltip
           sortable="custom"
         >
           <template slot-scope="scope">
-            <el-tag v-if="scope.row.IsDeleted" type="danger">{{ $fd('YesOrNo', scope.row.IsDeleted) }}</el-tag>
-            <el-tag v-else type="primary">{{ $fd('YesOrNo', scope.row.IsDeleted) }}</el-tag>
+            <el-tag v-if="scope.row.IsDeleted" type="danger">{{
+              $fd("YesOrNo", scope.row.IsDeleted)
+            }}</el-tag>
+            <el-tag v-else type="primary">{{
+              $fd("YesOrNo", scope.row.IsDeleted)
+            }}</el-tag>
           </template>
         </el-table-column>
         <el-table-column
           prop="UpdateTime"
-          label="更新时间"
+          :label="$t('dictionary:attachment:export:table:updateTime')"
           show-overflow-tooltip
           sortable="custom"
         />
 
-        <el-table-column label="Action">
+        <el-table-column :label="$t('common:action:action')">
           <template slot-scope="scope">
-            <el-button
-              type="text"
-              @click="handleDownload(scope.row)"
-            >
-              下载
+            <el-button type="text" @click="handleDownload(scope.row)">
+              {{ $t("common:button:download") }}
             </el-button>
-            <el-button
-              type="text"
-              @click="handleEdit(scope.row)"
-            >
-              编辑
+            <el-button type="text" @click="handleEdit(scope.row)">
+              {{ $t("common:button:edit") }}
             </el-button>
-            <el-button
-              type="text"
-              @click="handleDelete(scope.row)"
-            >
-              删除
+            <el-button type="text" @click="handleDelete(scope.row)">
+              {{ $t("common:button:delete") }}
             </el-button>
           </template>
         </el-table-column>
       </el-table>
       <!-- 分页组件 -->
-      <pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize" @pagination="getList" />
+      <pagination
+        class="page"
+        :total="total"
+        :page.sync="searchData.PageIndex"
+        :limit.sync="searchData.PageSize"
+        @pagination="getList"
+      />
 
       <!-- 新增/编辑 -->
       <el-dialog
@@ -138,28 +152,36 @@
         width="600px"
         custom-class="base-dialog-wrapper"
       >
-        <TemplateForm :data="currentRow" @closeDialog="closeDialog" @getList="getList" />
+        <TemplateForm
+          :data="currentRow"
+          @closeDialog="closeDialog"
+          @getList="getList"
+        />
       </el-dialog>
     </template>
   </BaseContainer>
 </template>
 <script>
-import { getCommonDocumentList, DownloadCommonDoc, deleteCommonDocument } from '@/api/dictionary'
-import BaseContainer from '@/components/BaseContainer'
-import Pagination from '@/components/Pagination'
-import TemplateForm from './TemplateForm'
-const FileTypeEnum = 2
+import {
+  getCommonDocumentList,
+  DownloadCommonDoc,
+  deleteCommonDocument,
+} from "@/api/dictionary";
+import BaseContainer from "@/components/BaseContainer";
+import Pagination from "@/components/Pagination";
+import TemplateForm from "./TemplateForm";
+const FileTypeEnum = 2;
 const searchDataDefault = () => {
   return {
     FileTypeEnum: FileTypeEnum,
     BusinessScenarioEnum: null,
-    Name: '',
+    Name: "",
     PageIndex: 1,
-    PageSize: 20
-  }
-}
+    PageSize: 20,
+  };
+};
 export default {
-  name: 'ExportTemplate',
+  name: "ExportTemplate",
   components: { BaseContainer, Pagination, TemplateForm },
   data() {
     return {
@@ -167,73 +189,86 @@ export default {
       list: [],
       total: 0,
       currentRow: {},
-      editDialog: { title: '', visible: false },
-      loading: false
-    }
+      editDialog: { title: "", visible: false },
+      loading: false,
+    };
   },
   mounted() {
-    this.getList()
+    this.getList();
   },
   methods: {
     handleDelete(row) {
-      this.$confirm('确定删除该模版？').then(() => {
+      this.$confirm(
+        this.$t("dictionary:attachment:export:confirm:delete")
+      ).then(() => {
         deleteCommonDocument(row.Id).then(() => {
-          this.$message.success('删除成功')
-          this.getList()
-        })
-      })
+          this.$message.success(this.$t("common:message:deletedSuccessfully"));
+          this.getList();
+        });
+      });
     },
     getList() {
-      this.loading = true
-      getCommonDocumentList(this.searchData).then(res => {
-        this.loading = false
-        this.list = res.Result.CurrentPageData
-        this.total = res.Result.TotalCount
-      }).catch(() => {
-        this.loading = false
-      })
+      this.loading = true;
+      getCommonDocumentList(this.searchData)
+        .then((res) => {
+          this.loading = false;
+          this.list = res.Result.CurrentPageData;
+          this.total = res.Result.TotalCount;
+        })
+        .catch(() => {
+          this.loading = false;
+        });
     },
     // 新增
     handleAdd() {
-      this.editDialog.title = 'Add'
-      this.currentRow = { FileTypeEnum: FileTypeEnum }
-      this.editDialog.visible = true
+      this.editDialog.title = "Add";
+      this.currentRow = { FileTypeEnum: FileTypeEnum };
+      this.editDialog.visible = true;
     },
     // 下载
     handleDownload(row) {
-      this.loading = true
-      DownloadCommonDoc(row.Code).then(data => {
-        this.loading = false
-      }).catch(() => { this.loading = false })
+      this.loading = true;
+      DownloadCommonDoc(row.Code)
+        .then((data) => {
+          this.loading = false;
+        })
+        .catch(() => {
+          this.loading = false;
+        });
     },
     // 编辑
     handleEdit(row) {
-      this.editDialog.title = 'Edit'
-      this.currentRow = { ...row }
-      this.editDialog.visible = true
+      this.editDialog.title = "Edit";
+      this.currentRow = { ...row };
+      this.editDialog.visible = true;
     },
     handleSearch() {
-      this.searchData.PageIndex = 1
-      this.getList()
+      this.searchData.PageIndex = 1;
+      this.getList();
     },
     handleReset() {
-      this.searchData = searchDataDefault()
-      this.getList()
+      this.searchData = searchDataDefault();
+      this.getList();
     },
     closeDialog() {
-      this.editDialog.visible = false
+      this.editDialog.visible = false;
     },
     // 排序
     handleSortChange(column) {
-      if (column.order === 'ascending') {
-        this.searchData.Asc = true
+      if (column.order === "ascending") {
+        this.searchData.Asc = true;
       } else {
-        this.searchData.Asc = false
+        this.searchData.Asc = false;
       }
-      this.searchData.SortField = column.prop
-      this.searchData.PageIndex = 1
-      this.getList()
-    }
-  }
-}
+      this.searchData.SortField = column.prop;
+      this.searchData.PageIndex = 1;
+      this.getList();
+    },
+  },
+};
 </script>
+<style lang="scss" scoped>
+::v-deep .search{
+  display: block;
+}
+</style>

From e955f4973c9afaa1e49c5e5bc4c142c6c6590ac9 Mon Sep 17 00:00:00 2001
From: "DESKTOP-6C3NK6N\\WXS" <815034831@qq.com>
Date: Tue, 6 Aug 2024 17:12:31 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E9=82=AE=E4=BB=B6=E7=AE=A1=E7=90=86?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E7=B3=BB=E7=BB=9F=E7=9B=B8=E5=85=B3=E5=88=86?=
 =?UTF-8?q?=E8=A7=92=E8=89=B2tab?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../template/email/components/EmailForm.vue   | 334 +++++++++++-------
 .../template/email/components/EmailList.vue   | 303 ++++++++++------
 src/views/dictionary/template/email/index.vue | 157 ++++----
 3 files changed, 493 insertions(+), 301 deletions(-)

diff --git a/src/views/dictionary/template/email/components/EmailForm.vue b/src/views/dictionary/template/email/components/EmailForm.vue
index 35a798e5..016e66af 100644
--- a/src/views/dictionary/template/email/components/EmailForm.vue
+++ b/src/views/dictionary/template/email/components/EmailForm.vue
@@ -59,9 +59,14 @@
           </el-select>
         </el-form-item>
       </el-col>
-      <el-col :span="12" v-if='!IsSystemLevel'>
+      <el-col :span="12" v-if="IsSystemLevel < 2">
         <el-form-item label="收件人" prop="ToUserTypeList">
-          <el-select v-model="form.ToUserTypeList" clearable multiple class="mr">
+          <el-select
+            v-model="form.ToUserTypeList"
+            clearable
+            multiple
+            class="mr"
+          >
             <el-option
               v-for="item of $d.UserType"
               :key="`ToUserTypeList${item.label}`"
@@ -71,9 +76,14 @@
           </el-select>
         </el-form-item>
       </el-col>
-      <el-col :span="12" v-if='!IsSystemLevel'>
+      <el-col :span="12" v-if="!IsSystemLevel">
         <el-form-item label="抄送人" prop="CopyUserTypeList">
-          <el-select v-model="form.CopyUserTypeList" clearable multiple class="mr">
+          <el-select
+            v-model="form.CopyUserTypeList"
+            clearable
+            multiple
+            class="mr"
+          >
             <el-option
               v-for="item of $d.UserType"
               :key="`CopyUserTypeList${item.label}`"
@@ -83,9 +93,18 @@
           </el-select>
         </el-form-item>
       </el-col>
-      <el-col :span="12" v-if='!IsSystemLevel'>
+      <el-col :span="12" v-if="!IsSystemLevel">
         <el-form-item label="加急状态" prop="EmailUrgentEnum">
-          <el-select v-model="form.EmailUrgentEnum" @change="(v) => {v === 1 ? form.EmailCron = null : null}" clearable class="mr">
+          <el-select
+            v-model="form.EmailUrgentEnum"
+            @change="
+              (v) => {
+                v === 1 ? (form.EmailCron = null) : null;
+              }
+            "
+            clearable
+            class="mr"
+          >
             <el-option
               v-for="item of $d.EmailUrgent"
               :key="`EmailUrgent${item.label}`"
@@ -95,13 +114,17 @@
           </el-select>
         </el-form-item>
       </el-col>
-      <el-col :span="12" v-if='!IsSystemLevel'>
-        <el-form-item label="发送周期和时间" v-if="form.EmailUrgentEnum !== 1" prop="EmailCron">
+      <el-col :span="12" v-if="!IsSystemLevel">
+        <el-form-item
+          label="发送周期和时间"
+          v-if="form.EmailUrgentEnum !== 1"
+          prop="EmailCron"
+        >
           <el-input style="width: 300px" readonly v-model="form.EmailCron" />
           <el-button type="primary" @click="showDialog">生成 cron</el-button>
         </el-form-item>
       </el-col>
-      <el-col :span="12" v-if='!IsSystemLevel'>
+      <el-col :span="12" v-if="!IsSystemLevel">
         <el-form-item label="是否需要回执" prop="IsReturnRequired">
           <el-radio-group v-model="form.IsReturnRequired">
             <el-radio :label="true">是</el-radio>
@@ -109,7 +132,7 @@
           </el-radio-group>
         </el-form-item>
       </el-col>
-      <el-col :span="12" v-if='!IsSystemLevel'>
+      <el-col :span="12" v-if="!IsSystemLevel">
         <el-form-item label="是否自动发送" prop="IsAutoSend">
           <el-radio-group v-model="form.IsAutoSend">
             <el-radio :label="true">是</el-radio>
@@ -117,18 +140,27 @@
           </el-radio-group>
         </el-form-item>
       </el-col>
-      <el-col :span="12" v-if='!IsSystemLevel'>
+      <el-col :span="12" v-if="!IsSystemLevel">
         <el-form-item label="是否区分标准" prop="IsDistinguishCriteria">
-          <el-radio-group v-model="form.IsDistinguishCriteria" @change="() => {form.CriterionTypeEnum = null}">
+          <el-radio-group
+            v-model="form.IsDistinguishCriteria"
+            @change="
+              () => {
+                form.CriterionTypeEnum = null;
+              }
+            "
+          >
             <el-radio :label="true">是</el-radio>
             <el-radio :label="false">否</el-radio>
           </el-radio-group>
         </el-form-item>
       </el-col>
-      <el-col :span="12" v-if='!IsSystemLevel'>
+      <el-col :span="12" v-if="!IsSystemLevel">
         <el-form-item
           :label="$t('trials:auditRecord:table:criterion')"
-          v-if="form.IsDistinguishCriteria"  prop="CriterionTypeEnum">
+          v-if="form.IsDistinguishCriteria"
+          prop="CriterionTypeEnum"
+        >
           <el-select v-model="form.CriterionTypeEnum" clearable class="mr">
             <el-option
               v-for="item of $d.CriterionType"
@@ -139,7 +171,7 @@
           </el-select>
         </el-form-item>
       </el-col>
-      <el-col :span="12" v-if='!IsSystemLevel'>
+      <el-col :span="12" v-if="!IsSystemLevel">
         <el-form-item label="是否启用" prop="IsEnable">
           <el-radio-group v-model="form.IsEnable">
             <el-radio :label="true">是</el-radio>
@@ -147,7 +179,7 @@
           </el-radio-group>
         </el-form-item>
       </el-col>
-      <el-col :span="12" v-if='!IsSystemLevel'>
+      <el-col :span="12" v-if="!IsSystemLevel">
         <el-form-item label="附件（CN）" prop="IsEnable">
           <el-upload
             class="upload-demo"
@@ -160,11 +192,16 @@
             :limit="1"
             :file-list="fileListCN"
           >
-            <el-button size="small" type="primary" :disabled="fileListCN.length > 0">{{$t('common:button:upload')}}</el-button>
+            <el-button
+              size="small"
+              type="primary"
+              :disabled="fileListCN.length > 0"
+              >{{ $t("common:button:upload") }}</el-button
+            >
           </el-upload>
         </el-form-item>
       </el-col>
-      <el-col :span="12" v-if='!IsSystemLevel'>
+      <el-col :span="12" v-if="!IsSystemLevel">
         <el-form-item label="附件（EN）" prop="IsEnable">
           <el-upload
             class="upload-demo"
@@ -177,7 +214,12 @@
             :limit="1"
             :file-list="fileListEN"
           >
-            <el-button size="small" type="primary" :disabled="fileListEN.length > 0">{{$t('common:button:upload')}}</el-button>
+            <el-button
+              size="small"
+              type="primary"
+              :disabled="fileListEN.length > 0"
+              >{{ $t("common:button:upload") }}</el-button
+            >
           </el-upload>
         </el-form-item>
       </el-col>
@@ -186,194 +228,248 @@
       <el-input
         v-model="form.EmailHtmlContentCN"
         type="textarea"
-        :autosize="{ minRows: 8, maxRows: 8}"
+        :autosize="{ minRows: 8, maxRows: 8 }"
       />
     </el-form-item>
     <el-form-item label="邮件内容模版（EN）" prop="EmailHtmlContent">
       <el-input
         v-model="form.EmailHtmlContent"
         type="textarea"
-        :autosize="{ minRows: 8, maxRows: 8}"
+        :autosize="{ minRows: 8, maxRows: 8 }"
       />
     </el-form-item>
-    <div class="base-dialog-footer" style="text-align:right;margin-top:10px;padding-bottom: 10px">
-      <el-form-item style="text-align:right;">
-        <el-button size="small" type="primary" @click="handleSave">Save</el-button>
+    <div
+      class="base-dialog-footer"
+      style="text-align: right; margin-top: 10px; padding-bottom: 10px"
+    >
+      <el-form-item style="text-align: right">
+        <el-button size="small" type="primary" @click="handleSave"
+          >Save</el-button
+        >
       </el-form-item>
     </div>
     <el-dialog append-to-body title="生成 cron" :visible.sync="showCron">
-      <vcrontab :hideComponent="['year']" @hide="showCron=false" @fill="crontabFill" :expression="expression"></vcrontab>
+      <vcrontab
+        :hideComponent="['year']"
+        @hide="showCron = false"
+        @fill="crontabFill"
+        :expression="expression"
+      ></vcrontab>
     </el-dialog>
   </el-form>
 </template>
 <script>
-import { Upload, addOrUpdateEmailNoticeConfigList } from '@/api/dictionary'
+import { Upload, addOrUpdateEmailNoticeConfigList } from "@/api/dictionary";
 export default {
   props: {
     data: {
       type: Object,
-      default() { return {} }
-    },
-    IsSystemLevel:{
-      type: Boolean,
       default() {
-        return false
-      }
-    }
+        return {};
+      },
+    },
+    IsSystemLevel: {
+      type: Number,
+      default() {
+        return 0;
+      },
+    },
   },
   data() {
     return {
-      expression: '',
+      expression: "",
       showCron: false,
       form: {
-        Id: '',
-        Code: '',
-        EmailTopicCN: '',
-        EmailTopic: '',
-        BusinessLevelEnum: '',
-        BusinessModuleEnum: '',
-        ToUserTypeList: '',
-        CopyUserTypeList: '',
-        EmailUrgentEnum: '',
-        EmailCron: '',
+        Id: "",
+        Code: "",
+        EmailTopicCN: "",
+        EmailTopic: "",
+        BusinessLevelEnum: "",
+        BusinessModuleEnum: "",
+        ToUserTypeList: "",
+        CopyUserTypeList: "",
+        EmailUrgentEnum: "",
+        EmailCron: "",
         BusinessScenarioEnum: null,
-        EmailHtmlContentCN: '',
-        EmailHtmlContent: '',
-        AttachPath: '',
-        AttachName: '',
-        AttachNameCN: '',
-        AttachCNPath: '',
+        EmailHtmlContentCN: "",
+        EmailHtmlContent: "",
+        AttachPath: "",
+        AttachName: "",
+        AttachNameCN: "",
+        AttachCNPath: "",
         IsDistinguishCriteria: true,
         IsReturnRequired: true,
         IsUrgent: true,
         IsEnable: true,
         IsAutoSend: true,
-        CriterionTypeEnum: null
+        CriterionTypeEnum: null,
       },
       rules: {
-        Code: [{ required: true, message: 'Please select', trigger: ['blur'] }],
-        BusinessScenarioEnum: [{ required: true, message: 'Please select', trigger: ['blur'] }],
-        EmailTopicCN:  [{ required: true, message: 'Please select', trigger: ['blur'] }],
-        EmailTopic:  [{ required: true, message: 'Please select', trigger: ['blur'] }],
-        BusinessLevelEnum:  [{ required: true, message: 'Please select', trigger: ['blur'] }],
-        ToUserTypeList: [{ required: true, message: 'Please select', trigger: ['blur'] }],
-        EmailCron: [{ required: true, message: 'Please select', trigger: ['blur'] }],
-        EmailUrgentEnum: [{ required: true, message: 'Please select', trigger: ['blur'] }],
-        EmailHtmlContentCN: [{ required: true, message: 'Please select', trigger: ['blur'] }],
-        EmailHtmlContent: [{ required: true, message: 'Please select', trigger: ['blur'] }],
-        CriterionTypeEnum: [{ required: true, message: 'Please select', trigger: ['blur'] }],
+        Code: [{ required: true, message: "Please select", trigger: ["blur"] }],
+        BusinessScenarioEnum: [
+          { required: true, message: "Please select", trigger: ["blur"] },
+        ],
+        EmailTopicCN: [
+          { required: true, message: "Please select", trigger: ["blur"] },
+        ],
+        EmailTopic: [
+          { required: true, message: "Please select", trigger: ["blur"] },
+        ],
+        BusinessLevelEnum: [
+          { required: true, message: "Please select", trigger: ["blur"] },
+        ],
+        ToUserTypeList: [
+          { required: true, message: "Please select", trigger: ["blur"] },
+        ],
+        EmailCron: [
+          { required: true, message: "Please select", trigger: ["blur"] },
+        ],
+        EmailUrgentEnum: [
+          { required: true, message: "Please select", trigger: ["blur"] },
+        ],
+        EmailHtmlContentCN: [
+          { required: true, message: "Please select", trigger: ["blur"] },
+        ],
+        EmailHtmlContent: [
+          { required: true, message: "Please select", trigger: ["blur"] },
+        ],
+        CriterionTypeEnum: [
+          { required: true, message: "Please select", trigger: ["blur"] },
+        ],
       },
       scenarioOption: [],
       fileListCN: [],
       fileListEN: [],
-      loading: false
-    }
+      loading: false,
+    };
   },
   mounted() {
     this.initForm();
-    if(this.IsSystemLevel){
+    if (this.IsSystemLevel) {
       this.form.ToUserTypeList = [];
       this.form.CopyUserTypeList = [];
-      this.form.EmailUrgentEnum = '3';
+      this.form.EmailUrgentEnum = "3";
       this.form.IsReturnRequired = false;
       this.form.IsDistinguishCriteria = false;
     }
   },
   methods: {
     showDialog() {
-      this.expression = this.form.EmailCron;//传入的 cron 表达式，可以反解析到 UI 上
+      this.expression = this.form.EmailCron; //传入的 cron 表达式，可以反解析到 UI 上
       this.showCron = true;
     },
     crontabFill(value) {
       this.form.EmailCron = value;
     },
     handleRemoveFileCN() {
-      this.form.AttachNameCN = null
-      this.form.AttachCNPath = null
-      this.fileListCN = []
+      this.form.AttachNameCN = null;
+      this.form.AttachCNPath = null;
+      this.fileListCN = [];
     },
     beforeUploadCN() {
       if (this.fileListCN.length > 0) {
-        this.$alert('最多只能传一个附件')
-        return
+        this.$alert("最多只能传一个附件");
+        return;
       }
     },
     handlePreviewCN(row, r2) {
       if (row.fullPath) {
-        window.open(row.fullPath, '_blank')
+        window.open(row.fullPath, "_blank");
       }
     },
     handleUploadFileCN(param) {
-      this.btnLoading = true
-      const formData = new FormData()
-      formData.append('file', param.file)
-      this.form.AttachNameCN = param.file.name
-      Upload(formData, 3).then(res => {
-        this.form.AttachCNPath = res.Result.FilePath
-        this.btnLoading = false
-        this.fileListCN.push({ name: param.file.name, path: res.Result.FilePath, fullPath: res.Result.FullFilePath, url: res.Result.FilePath })
-      })
+      this.btnLoading = true;
+      const formData = new FormData();
+      formData.append("file", param.file);
+      this.form.AttachNameCN = param.file.name;
+      Upload(formData, 3).then((res) => {
+        this.form.AttachCNPath = res.Result.FilePath;
+        this.btnLoading = false;
+        this.fileListCN.push({
+          name: param.file.name,
+          path: res.Result.FilePath,
+          fullPath: res.Result.FullFilePath,
+          url: res.Result.FilePath,
+        });
+      });
     },
     handleUploadFileEN(param) {
-      this.btnLoading = true
-      const formData = new FormData()
-      formData.append('file', param.file)
-      this.form.AttachName = param.file.name
-      Upload(formData, 3).then(res => {
-        this.form.AttachPath = res.Result.FilePath
-        this.btnLoading = false
-        this.fileListEN.push({ name: param.file.name, path: res.Result.FilePath, fullPath: res.Result.FullFilePath, url: res.Result.FilePath })
-      })
+      this.btnLoading = true;
+      const formData = new FormData();
+      formData.append("file", param.file);
+      this.form.AttachName = param.file.name;
+      Upload(formData, 3).then((res) => {
+        this.form.AttachPath = res.Result.FilePath;
+        this.btnLoading = false;
+        this.fileListEN.push({
+          name: param.file.name,
+          path: res.Result.FilePath,
+          fullPath: res.Result.FullFilePath,
+          url: res.Result.FilePath,
+        });
+      });
     },
     handleRemoveFileEN() {
-      this.form.AttachName = null
-      this.form.AttachPath = null
-      this.fileListEN = []
+      this.form.AttachName = null;
+      this.form.AttachPath = null;
+      this.fileListEN = [];
     },
     beforeUploadEN() {
       if (this.fileListEN.length > 0) {
-        this.$alert('最多只能传一个附件')
-        return
+        this.$alert("最多只能传一个附件");
+        return;
       }
     },
     handlePreviewEN(row, r2) {
       if (row.fullPath) {
-        window.open(row.fullPath, '_blank')
+        window.open(row.fullPath, "_blank");
       }
     },
     async initForm() {
-      this.loading = true
+      this.loading = true;
       // await this.getScenarios()
       for (const k in this.form) {
         if (this.data.hasOwnProperty(k)) {
-          this.form[k] = this.data[k]
+          this.form[k] = this.data[k];
         }
-        if (k === 'AttachPath' && this.form[k]) {
-          this.fileListEN.push({ name: this.data.AttachName, path: this.data.AttachPath, fullPath: this.data.AttachPath, url: this.data.AttachPath })
+        if (k === "AttachPath" && this.form[k]) {
+          this.fileListEN.push({
+            name: this.data.AttachName,
+            path: this.data.AttachPath,
+            fullPath: this.data.AttachPath,
+            url: this.data.AttachPath,
+          });
         }
-        if (k === 'AttachCNPath' && this.form[k]) {
-          this.fileListCN.push({ name: this.data.AttachNameCN, path: this.data.AttachCNPath, fullPath: this.data.AttachCNPath, url: this.data.AttachCNPath })
+        if (k === "AttachCNPath" && this.form[k]) {
+          this.fileListCN.push({
+            name: this.data.AttachNameCN,
+            path: this.data.AttachCNPath,
+            fullPath: this.data.AttachCNPath,
+            url: this.data.AttachCNPath,
+          });
         }
       }
-      this.loading = false
+      this.loading = false;
     },
 
     // 保存
     handleSave() {
-      this.$refs.emailForm.validate(valid => {
-        if (!valid) return
-        this.loading = true
+      this.$refs.emailForm.validate((valid) => {
+        if (!valid) return;
+        this.loading = true;
         this.form.IsSystemLevel = this.IsSystemLevel;
-        addOrUpdateEmailNoticeConfigList(this.form).then(res => {
-          this.loading = false
-          this.$emit('closeDialog')
-          this.$emit('getList')
-          this.$message.success('Saved successfully')
-        }).catch(() => {
-          this.loading = false
-        })
-      })
-    }
-  }
-}
+        addOrUpdateEmailNoticeConfigList(this.form)
+          .then((res) => {
+            this.loading = false;
+            this.$emit("closeDialog");
+            this.$emit("getList");
+            this.$message.success("Saved successfully");
+          })
+          .catch(() => {
+            this.loading = false;
+          });
+      });
+    },
+  },
+};
 </script>
diff --git a/src/views/dictionary/template/email/components/EmailList.vue b/src/views/dictionary/template/email/components/EmailList.vue
index e4fcd655..550327e4 100644
--- a/src/views/dictionary/template/email/components/EmailList.vue
+++ b/src/views/dictionary/template/email/components/EmailList.vue
@@ -1,25 +1,69 @@
 <template>
   <box-content>
     <div class="search">
-      <el-form v-if="!IsSystemLevel" :inline="true" size="mini" class="base-search-form">
+      <el-form
+        v-if="!IsSystemLevel"
+        :inline="true"
+        size="mini"
+        class="base-search-form"
+      >
         <el-form-item label="是否需要回执:">
-          <el-select v-model="searchData.IsReturnRequired" clearable style="width:100px;">
-            <el-option v-for="item of $d.YesOrNo" :value="item.value" :label="item.label" :key="item.id"/>
+          <el-select
+            v-model="searchData.IsReturnRequired"
+            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="是否加急:">
-          <el-select v-model="searchData.IsUrgent" clearable style="width:100px;">
-            <el-option v-for="item of $d.YesOrNo" :value="item.value" :label="item.label" :key="item.id"/>
+          <el-select
+            v-model="searchData.IsUrgent"
+            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="是否启用:">
-          <el-select v-model="searchData.IsEnable" clearable style="width:100px;">
-            <el-option v-for="item of $d.YesOrNo" :value="item.value" :label="item.label" :key="item.id"/>
+          <el-select
+            v-model="searchData.IsEnable"
+            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:auditRecord:table:criterion')" v-if="isDistinguishCriteria">
-          <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-form-item
+          :label="$t('trials:auditRecord:table:criterion')"
+          v-if="isDistinguishCriteria"
+        >
+          <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>
@@ -27,31 +71,26 @@
           <el-button type="primary" @click="handleReset">重置</el-button>
         </el-form-item>
       </el-form>
-      <span style="margin-left:auto;">
-    <!-- <el-button
+      <span style="margin-left: auto">
+        <!-- <el-button
       type="primary"
       size="mini"
     >
       场景配置
     </el-button> -->
-    <el-button
-      type="primary"
-      size="mini"
-      @click="handleAdd"
-    >
-      新增
-    </el-button>
-  </span>
-
+        <el-button type="primary" size="mini" @click="handleAdd">
+          新增
+        </el-button>
+      </span>
     </div>
     <!-- 受试者列表 -->
     <el-table
       v-loading="loading"
-      v-adaptive="{bottomOffset:45}"
+      v-adaptive="{ bottomOffset: 45 }"
       :data="list"
       stripe
       height="100"
-      style="width:100%"
+      style="width: 100%"
       @sort-change="handleSortByColumn"
     >
       <el-table-column type="index" width="40" />
@@ -72,7 +111,7 @@
         min-width="120"
       >
         <template slot-scope="scope">
-          {{ $fd('CriterionType', scope.row.CriterionTypeEnum) }}
+          {{ $fd("CriterionType", scope.row.CriterionTypeEnum) }}
         </template>
       </el-table-column>
       <el-table-column
@@ -94,9 +133,10 @@
         label="业务层级"
         sortable="custom"
         show-overflow-tooltip
-        min-width="100">
+        min-width="100"
+      >
         <template slot-scope="scope">
-          {{ $fd('BusinessLevel',scope.row.BusinessLevelEnum) }}
+          {{ $fd("BusinessLevel", scope.row.BusinessLevelEnum) }}
         </template>
       </el-table-column>
       <el-table-column
@@ -104,9 +144,10 @@
         label="业务模块"
         sortable="custom"
         show-overflow-tooltip
-        min-width="100">
+        min-width="100"
+      >
         <template slot-scope="scope">
-          {{ $fd('BusinessModule',scope.row.BusinessModuleEnum) }}
+          {{ $fd("BusinessModule", scope.row.BusinessModuleEnum) }}
         </template>
       </el-table-column>
       <el-table-column
@@ -117,7 +158,7 @@
         min-width="130"
       >
         <template slot-scope="scope">
-          {{ $fd('Email_BusinessScenario',scope.row.BusinessScenarioEnum) }}
+          {{ $fd("Email_BusinessScenario", scope.row.BusinessScenarioEnum) }}
         </template>
       </el-table-column>
       <!-- 收件人 -->
@@ -126,10 +167,16 @@
         :label="$t('trials:emailManageCfg:title:toUserTypeList')"
         show-overflow-tooltip
         min-width="100"
-        v-if="!IsSystemLevel"
+        v-if="IsSystemLevel < 2"
       >
         <template slot-scope="scope">
-          {{ scope.row.ToUserTypeList.length > 0?scope.row.ToUserTypeList.map(v => $fd('UserType', v)).join('、'):'' }}
+          {{
+            scope.row.ToUserTypeList.length > 0
+              ? scope.row.ToUserTypeList.map((v) => $fd("UserType", v)).join(
+                  "、"
+                )
+              : ""
+          }}
         </template>
       </el-table-column>
       <!-- 抄送人 -->
@@ -141,7 +188,13 @@
         v-if="!IsSystemLevel"
       >
         <template slot-scope="scope">
-          {{ scope.row.CopyUserTypeList.length > 0?scope.row.CopyUserTypeList.map(v => $fd('UserType', v)).join('、'):'' }}
+          {{
+            scope.row.CopyUserTypeList.length > 0
+              ? scope.row.CopyUserTypeList.map((v) => $fd("UserType", v)).join(
+                  "、"
+                )
+              : ""
+          }}
         </template>
       </el-table-column>
       <el-table-column
@@ -153,7 +206,7 @@
         v-if="!IsSystemLevel"
       >
         <template slot-scope="scope">
-          {{ $fd('EmailUrgent',scope.row.EmailUrgentEnum) }}
+          {{ $fd("EmailUrgent", scope.row.EmailUrgentEnum) }}
         </template>
       </el-table-column>
       <el-table-column
@@ -173,7 +226,11 @@
         v-if="!IsSystemLevel"
       >
         <template slot-scope="scope">
-          <el-button v-if="scope.row.FilePath" type="text" @click="handlePreview(scope.row.FilePath)">
+          <el-button
+            v-if="scope.row.FilePath"
+            type="text"
+            @click="handlePreview(scope.row.FilePath)"
+          >
             {{ scope.row.FileName }}
           </el-button>
         </template>
@@ -189,9 +246,11 @@
       >
         <template slot-scope="scope">
           <el-tag v-if="scope.row.IsReturnRequired" type="danger">
-            {{ $fd('YesOrNo', scope.row.IsReturnRequired) }}
+            {{ $fd("YesOrNo", scope.row.IsReturnRequired) }}
           </el-tag>
-          <el-tag v-else type="primary">{{ $fd('YesOrNo', scope.row.IsReturnRequired) }}</el-tag>
+          <el-tag v-else type="primary">{{
+            $fd("YesOrNo", scope.row.IsReturnRequired)
+          }}</el-tag>
         </template>
       </el-table-column>
       <!-- 是否自动发送 -->
@@ -205,9 +264,11 @@
       >
         <template slot-scope="scope">
           <el-tag v-if="scope.row.IsAutoSend" type="danger">
-            {{ $fd('YesOrNo', scope.row.IsAutoSend) }}
+            {{ $fd("YesOrNo", scope.row.IsAutoSend) }}
           </el-tag>
-          <el-tag v-else type="primary">{{ $fd('YesOrNo', scope.row.IsAutoSend) }}</el-tag>
+          <el-tag v-else type="primary">{{
+            $fd("YesOrNo", scope.row.IsAutoSend)
+          }}</el-tag>
         </template>
       </el-table-column>
       <el-table-column
@@ -220,9 +281,11 @@
       >
         <template slot-scope="scope">
           <el-tag v-if="scope.row.IsEnable" type="danger">
-            {{ $fd('YesOrNo', scope.row.IsEnable) }}
+            {{ $fd("YesOrNo", scope.row.IsEnable) }}
           </el-tag>
-          <el-tag v-else type="primary">{{ $fd('YesOrNo', scope.row.IsEnable) }}</el-tag>
+          <el-tag v-else type="primary">{{
+            $fd("YesOrNo", scope.row.IsEnable)
+          }}</el-tag>
         </template>
       </el-table-column>
       <!-- 更新时间 -->
@@ -243,20 +306,24 @@
       />
       <el-table-column label="Action" min-width="140" fixed="right">
         <template slot-scope="scope">
-          <el-button
-            type="text"
-            @click="handleEdit(scope.row)"
-          >
+          <el-button type="text" @click="handleEdit(scope.row)">
             编辑
           </el-button>
 
-          <el-button type="text" @click="handleDelete(scope.row)">删除</el-button>
-
+          <el-button type="text" @click="handleDelete(scope.row)"
+            >删除</el-button
+          >
         </template>
       </el-table-column>
     </el-table>
     <!-- 分页组件 -->
-    <pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize" @pagination="getList" />
+    <pagination
+      class="page"
+      :total="total"
+      :page.sync="searchData.PageIndex"
+      :limit.sync="searchData.PageSize"
+      @pagination="getList"
+    />
     <!-- 搜索框 -->
     <!-- 修改受试者状态 -->
     <el-dialog
@@ -268,7 +335,12 @@
       fullscreen
       custom-class="base-dialog-wrapper"
     >
-      <EmailForm :data="rowData" :is-system-level="IsSystemLevel" @closeDialog="closeDialog" @getList="getList" />
+      <EmailForm
+        :data="rowData"
+        :is-system-level="IsSystemLevel"
+        @closeDialog="closeDialog"
+        @getList="getList"
+      />
     </el-dialog>
 
     <!-- 修改受试者状态 -->
@@ -290,123 +362,128 @@
   </box-content>
 </template>
 <script>
-import { getEmailNoticeConfigList, deleteEmailNoticeConfig } from '@/api/dictionary'
-import BoxContent from '@/components/BoxContent'
-import Pagination from '@/components/Pagination'
-import EmailForm from './EmailForm'
-import AttachmentList from './AttachmentList'
+import {
+  getEmailNoticeConfigList,
+  deleteEmailNoticeConfig,
+} from "@/api/dictionary";
+import BoxContent from "@/components/BoxContent";
+import Pagination from "@/components/Pagination";
+import EmailForm from "./EmailForm";
+import AttachmentList from "./AttachmentList";
 const searchDataDefault = () => {
   return {
-    IsReturnRequired: '',
-    IsUrgent: '',
-    IsEnable: '',
+    IsReturnRequired: "",
+    IsUrgent: "",
+    IsEnable: "",
     CriterionTypeEnum: null,
     PageIndex: 1,
-    PageSize: 20
-  }
-}
+    PageSize: 20,
+  };
+};
 export default {
-  name: 'EmailList',
+  name: "EmailList",
   components: { BoxContent, Pagination, EmailForm, AttachmentList },
   props: {
     isDistinguishCriteria: {
       type: Boolean,
       default() {
-        return false
-      }
+        return false;
+      },
     },
-    IsSystemLevel:{
-      type: Boolean,
+    IsSystemLevel: {
+      type: Number,
       default() {
-        return false
-      }
-    }
+        return 0;
+      },
+    },
   },
   data() {
     return {
-      activeTab: '0',
+      activeTab: "0",
       searchData: searchDataDefault(),
       loading: false,
       list: [],
       total: 0,
       rowData: {},
-      title: '',
+      title: "",
       editVisible: false,
-      attachmentVisible: false
-    }
+      attachmentVisible: false,
+    };
   },
   mounted() {
-    this.getList()
+    this.getList();
   },
   methods: {
     // 获取受试者列表
     getList() {
-      this.loading = true
+      this.loading = true;
       this.searchData.IsDistinguishCriteria = this.isDistinguishCriteria;
       this.searchData.IsSystemLevel = this.IsSystemLevel;
-      getEmailNoticeConfigList(this.searchData).then(res => {
-        this.loading = false
-        this.list = res.Result.CurrentPageData
-        this.total = res.Result.TotalCount
-      }).catch(() => { this.loading = false })
+      getEmailNoticeConfigList(this.searchData)
+        .then((res) => {
+          this.loading = false;
+          this.list = res.Result.CurrentPageData;
+          this.total = res.Result.TotalCount;
+        })
+        .catch(() => {
+          this.loading = false;
+        });
     },
     // 新增
     handleAdd() {
-      this.rowData = {}
-      this.title = '新增'
-      this.editVisible = true
+      this.rowData = {};
+      this.title = "新增";
+      this.editVisible = true;
     },
     // 编辑
     handleEdit(row) {
-      this.rowData = { ...row }
-      this.title = '编辑'
-      this.editVisible = true
+      this.rowData = { ...row };
+      this.title = "编辑";
+      this.editVisible = true;
     },
     // 删除
     handleDelete(row) {
-      this.$confirm(this.$t('trials:staffResearch:message:confirmDel'), {
-        type: 'warning',
-        distinguishCancelAndClose: true
-      })
-        .then(() => {
-          deleteEmailNoticeConfig(row.Id)
-            .then(res => {
-              if (res.IsSuccess) {
-                this.getList()
-                this.$message.success('删除成功!')
-              }
-            })
-        })
+      this.$confirm(this.$t("trials:staffResearch:message:confirmDel"), {
+        type: "warning",
+        distinguishCancelAndClose: true,
+      }).then(() => {
+        deleteEmailNoticeConfig(row.Id).then((res) => {
+          if (res.IsSuccess) {
+            this.getList();
+            this.$message.success("删除成功!");
+          }
+        });
+      });
     },
     handleDetail(row) {
-      this.rowData = { ...row }
-      this.attachmentVisible = true
+      this.rowData = { ...row };
+      this.attachmentVisible = true;
     },
     // 查询
     handleSearch() {
-      this.searchData.PageIndex = 1
-      this.getList()
+      this.searchData.PageIndex = 1;
+      this.getList();
     },
     // 重置
     handleReset() {
-      this.searchData = searchDataDefault()
-      this.getList()
+      this.searchData = searchDataDefault();
+      this.getList();
     },
     // 排序
     handleSortByColumn(column) {
-      if (column.order === 'ascending') {
-        this.searchData.Asc = true
+      if (column.order === "ascending") {
+        this.searchData.Asc = true;
       } else {
-        this.searchData.Asc = false
+        this.searchData.Asc = false;
       }
-      this.searchData.SortField = column.prop
-      this.searchData.PageIndex = 1
-      this.getList()
+      this.searchData.SortField = column.prop;
+      this.searchData.PageIndex = 1;
+      this.getList();
     },
     // 关闭新增、编辑框
     closeDialog() {
-      this.editVisible = false
-    }
-  }
-}
+      this.editVisible = false;
+    },
+  },
+};
 </script>
diff --git a/src/views/dictionary/template/email/index.vue b/src/views/dictionary/template/email/index.vue
index 2a8d8ba7..09e0daa3 100644
--- a/src/views/dictionary/template/email/index.vue
+++ b/src/views/dictionary/template/email/index.vue
@@ -2,129 +2,148 @@
   <box-content>
     <el-tabs v-model="activeTab" type="border-card">
       <!-- 通用 -->
-      <el-tab-pane
-        :label="$t('trials:emailManageCfg:title:commom')"
-        name="0"
-      >
-        <EmailList v-if="activeTab === '0'" :is-distinguish-criteria="false" :is-system-level="false"></EmailList>
+      <el-tab-pane :label="$t('trials:emailManageCfg:title:commom')" name="0">
+        <EmailList
+          v-if="activeTab === '0'"
+          :is-distinguish-criteria="false"
+          :is-system-level="0"
+        ></EmailList>
       </el-tab-pane>
       <!-- 标准相关 -->
       <el-tab-pane
         :label="$t('trials:emailManageCfg:title:criterions')"
         name="1"
       >
-        <EmailList v-if="activeTab === '1'" :is-distinguish-criteria="true" :is-system-level="false"></EmailList>
+        <EmailList
+          v-if="activeTab === '1'"
+          :is-distinguish-criteria="true"
+          :is-system-level="0"
+        ></EmailList>
       </el-tab-pane>
-      <!-- 标准相关 -->
-      <el-tab-pane
-        :label="$t('trials:emailManageCfg:title:system')"
-        name="2"
-      >
-        <EmailList v-if="activeTab === '2'" :is-distinguish-criteria="false" :is-system-level="true"></EmailList>
+      <!-- 系统相关 -->
+      <el-tab-pane :label="$t('trials:emailManageCfg:title:system')" name="2">
+        <EmailList
+          v-if="activeTab === '2'"
+          :is-distinguish-criteria="false"
+          :is-system-level="1"
+        ></EmailList>
+      </el-tab-pane>
+      <!-- 系统相关-分角色 -->
+      <el-tab-pane :label="$t('trials:emailManageCfg:title:systemDisRole')" name="3">
+        <EmailList
+          v-if="activeTab === '3'"
+          :is-distinguish-criteria="false"
+          :is-system-level="2"
+        ></EmailList>
       </el-tab-pane>
     </el-tabs>
   </box-content>
 </template>
 <script>
-import { getEmailNoticeConfigList, deleteEmailNoticeConfig } from '@/api/dictionary'
-import BoxContent from '@/components/BoxContent'
-import Pagination from '@/components/Pagination'
-import EmailList from './components/EmailList'
+import {
+  getEmailNoticeConfigList,
+  deleteEmailNoticeConfig,
+} from "@/api/dictionary";
+import BoxContent from "@/components/BoxContent";
+import Pagination from "@/components/Pagination";
+import EmailList from "./components/EmailList";
 const searchDataDefault = () => {
   return {
-    IsReturnRequired: '',
-    IsUrgent: '',
-    IsEnable: '',
+    IsReturnRequired: "",
+    IsUrgent: "",
+    IsEnable: "",
     PageIndex: 1,
-    PageSize: 20
-  }
-}
+    PageSize: 20,
+  };
+};
 export default {
-  name: 'EmailListIndex',
+  name: "EmailListIndex",
   components: { BoxContent, Pagination, EmailList },
   data() {
     return {
-      activeTab: '0',
+      activeTab: "0",
       searchData: searchDataDefault(),
       loading: false,
       list: [],
       total: 0,
       rowData: {},
-      title: '',
+      title: "",
       editVisible: false,
-      attachmentVisible: false
-    }
+      attachmentVisible: false,
+    };
   },
   mounted() {
-    this.getList()
+    this.getList();
   },
   methods: {
     // 获取受试者列表
     getList() {
-      this.loading = true
-      getEmailNoticeConfigList(this.searchData).then(res => {
-        this.loading = false
-        this.list = res.Result.CurrentPageData
-        this.total = res.Result.TotalCount
-      }).catch(() => { this.loading = false })
+      this.loading = true;
+      getEmailNoticeConfigList(this.searchData)
+        .then((res) => {
+          this.loading = false;
+          this.list = res.Result.CurrentPageData;
+          this.total = res.Result.TotalCount;
+        })
+        .catch(() => {
+          this.loading = false;
+        });
     },
     // 新增
     handleAdd() {
-      this.rowData = {}
-      this.title = '新增'
-      this.editVisible = true
+      this.rowData = {};
+      this.title = "新增";
+      this.editVisible = true;
     },
     // 编辑
     handleEdit(row) {
-      this.rowData = { ...row }
-      this.title = '编辑'
-      this.editVisible = true
+      this.rowData = { ...row };
+      this.title = "编辑";
+      this.editVisible = true;
     },
     // 删除
     handleDelete(row) {
-      this.$confirm(this.$t('trials:staffResearch:message:confirmDel'), {
-        type: 'warning',
-        distinguishCancelAndClose: true
-      })
-        .then(() => {
-          deleteEmailNoticeConfig(row.Id)
-            .then(res => {
-              if (res.IsSuccess) {
-                this.getList()
-                this.$message.success('删除成功!')
-              }
-            })
-        })
+      this.$confirm(this.$t("trials:staffResearch:message:confirmDel"), {
+        type: "warning",
+        distinguishCancelAndClose: true,
+      }).then(() => {
+        deleteEmailNoticeConfig(row.Id).then((res) => {
+          if (res.IsSuccess) {
+            this.getList();
+            this.$message.success("删除成功!");
+          }
+        });
+      });
     },
     handleDetail(row) {
-      this.rowData = { ...row }
-      this.attachmentVisible = true
+      this.rowData = { ...row };
+      this.attachmentVisible = true;
     },
     // 查询
     handleSearch() {
-      this.searchData.PageIndex = 1
-      this.getList()
+      this.searchData.PageIndex = 1;
+      this.getList();
     },
     // 重置
     handleReset() {
-      this.searchData = searchDataDefault()
-      this.getList()
+      this.searchData = searchDataDefault();
+      this.getList();
     },
     // 排序
     handleSortByColumn(column) {
-      if (column.order === 'ascending') {
-        this.searchData.Asc = true
+      if (column.order === "ascending") {
+        this.searchData.Asc = true;
       } else {
-        this.searchData.Asc = false
+        this.searchData.Asc = false;
       }
-      this.searchData.SortField = column.prop
-      this.searchData.PageIndex = 1
-      this.getList()
+      this.searchData.SortField = column.prop;
+      this.searchData.PageIndex = 1;
+      this.getList();
     },
     // 关闭新增、编辑框
     closeDialog() {
-      this.editVisible = false
-    }
-  }
-}
+      this.editVisible = false;
+    },
+  },
+};
 </script>