XCKJ
/
irc_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

邮件管理新增系统相关分角色tab
continuous-integration/drone/push Build is passing Details

uat_us
DESKTOP-6C3NK6N\WXS 2024-08-06 17:12:31 +08:00
parent 0b49bd8dab
commit e955f4973c
3 changed files with 493 additions and 301 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

334
src/views/dictionary/template/email/components/EmailForm.vue
View File

@ -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>

303
src/views/dictionary/template/email/components/EmailList.vue
View File

@ -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>

157
src/views/dictionary/template/email/index.vue
View File

@ -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>