From 2b7a100d7321420498fb8e56b1634ce769163dc1 Mon Sep 17 00:00:00 2001
From: "DESKTOP-6C3NK6N\\WXS" <815034831@qq.com>
Date: Thu, 17 Oct 2024 13:57:30 +0800
Subject: [PATCH] =?UTF-8?q?cron=E9=97=AE=E9=A2=98=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../template/email/components/EmailForm.vue   |   2 +
 .../email-manage/components/EmailForm.vue     | 313 +++++++++++++-----
 2 files changed, 235 insertions(+), 80 deletions(-)

diff --git a/src/views/dictionary/template/email/components/EmailForm.vue b/src/views/dictionary/template/email/components/EmailForm.vue
index b8bd2c27..05704515 100644
--- a/src/views/dictionary/template/email/components/EmailForm.vue
+++ b/src/views/dictionary/template/email/components/EmailForm.vue
@@ -284,6 +284,7 @@
 </template>
 <script>
 import { Upload, addOrUpdateEmailNoticeConfigList } from '@/api/dictionary'
+import vcrontab from 'vcrontab'
 export default {
   props: {
     data: {
@@ -299,6 +300,7 @@ export default {
       },
     },
   },
+  components: { vcrontab },
   data() {
     return {
       expression: '',
diff --git a/src/views/trials/trials-panel/setting/email-manage/components/EmailForm.vue b/src/views/trials/trials-panel/setting/email-manage/components/EmailForm.vue
index 484d5eb2..040c318f 100644
--- a/src/views/trials/trials-panel/setting/email-manage/components/EmailForm.vue
+++ b/src/views/trials/trials-panel/setting/email-manage/components/EmailForm.vue
@@ -14,18 +14,32 @@
         </el-form-item>
       </el-col>
       <el-col :span="12" v-if="$i18n.locale === 'zh'">
-        <el-form-item :label="$t('trials:emailManageCfg:table:EmailTopicCN')" prop="EmailTopicCN">
+        <el-form-item
+          :label="$t('trials:emailManageCfg:table:EmailTopicCN')"
+          prop="EmailTopicCN"
+        >
           <el-input style="width: 300px" disabled v-model="form.EmailTopicCN" />
         </el-form-item>
       </el-col>
       <el-col :span="12" v-else>
-        <el-form-item :label="$t('trials:emailManageCfg:table:EmailTopic')" prop="EmailTopic">
+        <el-form-item
+          :label="$t('trials:emailManageCfg:table:EmailTopic')"
+          prop="EmailTopic"
+        >
           <el-input style="width: 300px" disabled v-model="form.EmailTopic" />
         </el-form-item>
       </el-col>
       <el-col :span="24">
-        <el-form-item :label="$t('trials:emailManageCfg:table:BusinessScenarioEnum')" prop="BusinessScenarioEnum">
-          <el-select v-model="form.BusinessScenarioEnum" disabled clearable class="mr">
+        <el-form-item
+          :label="$t('trials:emailManageCfg:table:BusinessScenarioEnum')"
+          prop="BusinessScenarioEnum"
+        >
+          <el-select
+            v-model="form.BusinessScenarioEnum"
+            disabled
+            clearable
+            class="mr"
+          >
             <el-option
               v-for="item of $d.Email_BusinessScenario"
               :key="`BusinessScenarioEnum${item.label}`"
@@ -36,8 +50,17 @@
         </el-form-item>
       </el-col>
       <el-col :span="12">
-        <el-form-item :label="$t('trials:emailManageCfg:table:ToUserTypeList')" prop="ToUserTypeList">
-          <el-select v-model="form.ToUserTypeList" disabled clearable multiple class="mr">
+        <el-form-item
+          :label="$t('trials:emailManageCfg:table:ToUserTypeList')"
+          prop="ToUserTypeList"
+        >
+          <el-select
+            v-model="form.ToUserTypeList"
+            disabled
+            clearable
+            multiple
+            class="mr"
+          >
             <el-option
               v-for="item of $d.UserType"
               :key="`ToUserTypeList${item.label}`"
@@ -48,8 +71,17 @@
         </el-form-item>
       </el-col>
       <el-col :span="12">
-        <el-form-item :label="$t('trials:emailManageCfg:table:CopyUserTypeList')" prop="CopyUserTypeList">
-          <el-select v-model="form.CopyUserTypeList" disabled clearable multiple class="mr">
+        <el-form-item
+          :label="$t('trials:emailManageCfg:table:CopyUserTypeList')"
+          prop="CopyUserTypeList"
+        >
+          <el-select
+            v-model="form.CopyUserTypeList"
+            disabled
+            clearable
+            multiple
+            class="mr"
+          >
             <el-option
               v-for="item of $d.UserType"
               :key="`CopyUserTypeList${item.label}`"
@@ -60,8 +92,16 @@
         </el-form-item>
       </el-col>
       <el-col :span="12">
-        <el-form-item :label="$t('trials:emailManageCfg:table:blackUserIdList')" prop="blackUserIdList">
-          <el-select v-model="form.blackUserIdList" clearable multiple class="mr">
+        <el-form-item
+          :label="$t('trials:emailManageCfg:table:blackUserIdList')"
+          prop="blackUserIdList"
+        >
+          <el-select
+            v-model="form.blackUserIdList"
+            clearable
+            multiple
+            class="mr"
+          >
             <el-option
               v-for="item of UserList"
               :key="`blackUserIdList${item.UserName}`"
@@ -73,8 +113,16 @@
       </el-col>
       <el-col :span="24">
         <el-col :span="12">
-          <el-form-item :label="$t('trials:emailManageCfg:table:EmailUrgentEnum')" prop="EmailUrgentEnum">
-            <el-select v-model="form.EmailUrgentEnum" disabled clearable class="mr">
+          <el-form-item
+            :label="$t('trials:emailManageCfg:table:EmailUrgentEnum')"
+            prop="EmailUrgentEnum"
+          >
+            <el-select
+              v-model="form.EmailUrgentEnum"
+              disabled
+              clearable
+              class="mr"
+            >
               <el-option
                 v-for="item of $d.EmailUrgent"
                 :key="`EmailUrgent${item.label}`"
@@ -85,37 +133,79 @@
           </el-form-item>
         </el-col>
         <el-col :span="12">
-          <el-form-item :label="$t('trials:emailManageCfg:table:EmailCron')" v-if="form.EmailUrgentEnum !== 1 && IntervalShow" prop="EmailCron">
-            <el-input-number v-model="Interval" @change="handleIntervalChange" :min="1" :max="365"></el-input-number>
-<!--            <el-input style="width: 300px" readonly v-model="form.EmailCron" />-->
-<!--            <el-button type="primary" @click="showDialog">生成 cron</el-button>-->
+          <el-form-item
+            :label="$t('trials:emailManageCfg:table:EmailCron')"
+            v-if="form.EmailUrgentEnum !== 1 && IntervalShow"
+            prop="EmailCron"
+          >
+            <el-input-number
+              v-model="Interval"
+              @change="handleIntervalChange"
+              :min="1"
+              :max="365"
+            ></el-input-number>
+            <!--            <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>
       <el-col :span="12">
-        <el-form-item :label="$t('trials:emailManageCfg:title:isReturnRequired')" prop="IsReturnRequired">
+        <el-form-item
+          :label="$t('trials:emailManageCfg:title:isReturnRequired')"
+          prop="IsReturnRequired"
+        >
           <el-radio-group v-model="form.IsReturnRequired">
-            <el-radio v-for="item of $d.YesOrNo" :label="item.value" :key="`IsReturnRequired${item.value}`">{{ item.label }}</el-radio>
+            <el-radio
+              v-for="item of $d.YesOrNo"
+              :label="item.value"
+              :key="`IsReturnRequired${item.value}`"
+              >{{ item.label }}</el-radio
+            >
           </el-radio-group>
         </el-form-item>
       </el-col>
       <el-col :span="12">
-        <el-form-item :label="$t('trials:emailManageCfg:table:IsAutoSend')" prop="IsAutoSend">
+        <el-form-item
+          :label="$t('trials:emailManageCfg:table:IsAutoSend')"
+          prop="IsAutoSend"
+        >
           <el-radio-group v-model="form.IsAutoSend">
-            <el-radio v-for="item of $d.YesOrNo" :label="item.value" :key="`IsAutoSend${item.value}`">{{ item.label }}</el-radio>
+            <el-radio
+              v-for="item of $d.YesOrNo"
+              :label="item.value"
+              :key="`IsAutoSend${item.value}`"
+              >{{ item.label }}</el-radio
+            >
           </el-radio-group>
         </el-form-item>
       </el-col>
       <el-col :span="12">
-        <el-form-item :label="$t('trials:emailManageCfg:table:IsEnable')" prop="IsEnable">
+        <el-form-item
+          :label="$t('trials:emailManageCfg:table:IsEnable')"
+          prop="IsEnable"
+        >
           <el-radio-group v-model="form.IsEnable">
-            <el-radio v-for="item of $d.YesOrNo" :label="item.value" :key="`IsEnable${item.value}`">{{ item.label }}</el-radio>
+            <el-radio
+              v-for="item of $d.YesOrNo"
+              :label="item.value"
+              :key="`IsEnable${item.value}`"
+              >{{ item.label }}</el-radio
+            >
           </el-radio-group>
         </el-form-item>
       </el-col>
       <el-col :span="24">
-        <el-form-item :label="$t('trials:emailManageCfg:table:CriterionTypeEnum')" v-if="form.CriterionTypeEnum && form.CriterionTypeEnum.length > 0" prop="CriterionTypeEnum">
-          <el-select disabled v-model="form.CriterionTypeEnum" clearable class="mr">
+        <el-form-item
+          :label="$t('trials:emailManageCfg:table:CriterionTypeEnum')"
+          v-if="form.CriterionTypeEnum && form.CriterionTypeEnum.length > 0"
+          prop="CriterionTypeEnum"
+        >
+          <el-select
+            disabled
+            v-model="form.CriterionTypeEnum"
+            clearable
+            class="mr"
+          >
             <el-option
               v-for="item of $d.CriterionType"
               :key="`CriterionType${item.label}`"
@@ -126,7 +216,10 @@
         </el-form-item>
       </el-col>
       <el-col :span="12" v-if="$i18n.locale === 'zh'">
-        <el-form-item :label="$t('trials:emailManageCfg:table:fileListCN')" prop="IsEnable">
+        <el-form-item
+          :label="$t('trials:emailManageCfg:table:fileListCN')"
+          prop="IsEnable"
+        >
           <el-upload
             class="upload-demo"
             action
@@ -143,7 +236,10 @@
         </el-form-item>
       </el-col>
       <el-col :span="12" v-else>
-        <el-form-item :label="$t('trials:emailManageCfg:table:fileListEN')" prop="IsEnable">
+        <el-form-item
+          :label="$t('trials:emailManageCfg:table:fileListEN')"
+          prop="IsEnable"
+        >
           <el-upload
             class="upload-demo"
             action
@@ -160,41 +256,62 @@
         </el-form-item>
       </el-col>
     </el-row>
-<!--    <el-form-item label="邮件内容模版（CN）" prop="EmailHtmlContentCN">-->
-<!--      <el-input-->
-<!--        v-model="form.EmailHtmlContentCN"-->
-<!--        type="textarea"-->
-<!--        disabled-->
-<!--        :autosize="{ minRows: 8, maxRows: 8}"-->
-<!--      />-->
-<!--    </el-form-item>-->
-<!--    <el-form-item label="邮件内容模版（EN）" prop="EmailHtmlContent">-->
-<!--      <el-input-->
-<!--        v-model="form.EmailHtmlContent"-->
-<!--        type="textarea"-->
-<!--        disabled-->
-<!--        :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"> {{ $t('common:button:save') }}</el-button>
+    <!--    <el-form-item label="邮件内容模版（CN）" prop="EmailHtmlContentCN">-->
+    <!--      <el-input-->
+    <!--        v-model="form.EmailHtmlContentCN"-->
+    <!--        type="textarea"-->
+    <!--        disabled-->
+    <!--        :autosize="{ minRows: 8, maxRows: 8}"-->
+    <!--      />-->
+    <!--    </el-form-item>-->
+    <!--    <el-form-item label="邮件内容模版（EN）" prop="EmailHtmlContent">-->
+    <!--      <el-input-->
+    <!--        v-model="form.EmailHtmlContent"-->
+    <!--        type="textarea"-->
+    <!--        disabled-->
+    <!--        :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">
+          {{ $t('common:button:save') }}</el-button
+        >
       </el-form-item>
     </div>
-    <el-dialog append-to-body :title="$t('trials:emailManageCfg:button:generate')" :visible.sync="showCron">
-      <vcrontab @hide="showCron=false" @fill="crontabFill" :expression="expression"></vcrontab>
+    <el-dialog
+      append-to-body
+      :title="$t('trials:emailManageCfg:button:generate')"
+      :visible.sync="showCron"
+    >
+      <vcrontab
+        @hide="showCron = false"
+        @fill="crontabFill"
+        :expression="expression"
+      ></vcrontab>
     </el-dialog>
   </el-form>
 </template>
 <script>
-import { Upload, addOrUpdateTrialEmailNoticeConfig, getTrialUserIdSelectList } from '@/api/dictionary'
+import {
+  Upload,
+  addOrUpdateTrialEmailNoticeConfig,
+  getTrialUserIdSelectList,
+} from '@/api/dictionary'
+import vcrontab from 'vcrontab'
 export default {
   props: {
     data: {
       type: Object,
-      default() { return {} }
-    }
+      default() {
+        return {}
+      },
+    },
   },
+  components: { vcrontab },
   data() {
     return {
       expression: '',
@@ -232,14 +349,30 @@ export default {
       },
       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'] }],
-        EmailHtmlContentCN: [{ required: true, message: 'Please select', trigger: ['blur'] }],
-        EmailHtmlContent: [{ 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'] },
+        ],
+        EmailHtmlContentCN: [
+          { required: true, message: 'Please select', trigger: ['blur'] },
+        ],
+        EmailHtmlContent: [
+          { required: true, message: 'Please select', trigger: ['blur'] },
+        ],
       },
       scenarioOption: [],
       fileListCN: [],
@@ -248,7 +381,7 @@ export default {
       trialId: this.$route.query.trialId,
       UserList: [],
       Interval: 1,
-      IntervalShow: true
+      IntervalShow: true,
     }
   },
   mounted() {
@@ -265,11 +398,11 @@ export default {
       this.form.EmailCron = text
     },
     showDialog() {
-      this.expression = this.form.EmailCron;//传入的 cron 表达式，可以反解析到 UI 上
-      this.showCron = true;
+      this.expression = this.form.EmailCron //传入的 cron 表达式，可以反解析到 UI 上
+      this.showCron = true
     },
     crontabFill(value) {
-      this.form.EmailCron = value;
+      this.form.EmailCron = value
     },
     handleRemoveFileCN() {
       this.form.AttachNameCN = null
@@ -292,10 +425,14 @@ export default {
       const formData = new FormData()
       formData.append('file', param.file)
       this.form.AttachNameCN = param.file.name
-      Upload(formData, 3).then(res => {
+      Upload(formData, 3).then((res) => {
         this.form.AttachCNPath = res.Result.FilePath
         this.btnLoading = false
-        this.fileListCN[0] = { name: param.file.name, path: res.Result.FilePath, fullPath: res.Result.FullFilePath }
+        this.fileListCN[0] = {
+          name: param.file.name,
+          path: res.Result.FilePath,
+          fullPath: res.Result.FullFilePath,
+        }
       })
     },
     handleUploadFileEN(param) {
@@ -303,10 +440,14 @@ export default {
       const formData = new FormData()
       formData.append('file', param.file)
       this.form.AttachName = param.file.name
-      Upload(formData, 3).then(res => {
+      Upload(formData, 3).then((res) => {
         this.form.AttachPath = res.Result.FilePath
         this.btnLoading = false
-        this.fileListEN[0] = { name: param.file.name, path: res.Result.FilePath, fullPath: res.Result.FullFilePath }
+        this.fileListEN[0] = {
+          name: param.file.name,
+          path: res.Result.FilePath,
+          fullPath: res.Result.FullFilePath,
+        }
       })
     },
     handleRemoveFileEN() {
@@ -333,10 +474,20 @@ export default {
           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 })
+          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 })
+          this.fileListCN.push({
+            name: this.data.AttachNameCN,
+            path: this.data.AttachCNPath,
+            fullPath: this.data.AttachCNPath,
+            url: this.data.AttachCNPath,
+          })
         }
         if (k === 'EmailCron' && this.form[k]) {
           let a = this.form[k].split(' ')
@@ -347,7 +498,7 @@ export default {
           }
         }
       }
-      getTrialUserIdSelectList(this.form.Id).then(res => {
+      getTrialUserIdSelectList(this.form.Id).then((res) => {
         this.UserList = res.Result
       })
       console.log(this.fileListEN, this.fileListCN)
@@ -356,20 +507,22 @@ export default {
 
     // 保存
     handleSave() {
-      this.$refs.emailForm.validate(valid => {
+      this.$refs.emailForm.validate((valid) => {
         if (!valid) return
         this.loading = true
         this.form.TrialId = this.trialId
-        addOrUpdateTrialEmailNoticeConfig(this.form).then(res => {
-          this.loading = false
-          this.$emit('closeDialog')
-          this.$emit('getList')
-          this.$message.success(this.$t('common:message:savedSuccessfully'))
-        }).catch(() => {
-          this.loading = false
-        })
+        addOrUpdateTrialEmailNoticeConfig(this.form)
+          .then((res) => {
+            this.loading = false
+            this.$emit('closeDialog')
+            this.$emit('getList')
+            this.$message.success(this.$t('common:message:savedSuccessfully'))
+          })
+          .catch(() => {
+            this.loading = false
+          })
       })
-    }
-  }
+    },
+  },
 }
 </script>