From 3d1902f319a93b43a20e79d8938d1e8620eb565f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=AD=A5=E5=B1=A5=E4=B8=8D=E5=81=9C?= <1873501479@qq.com>
Date: Thu, 28 Jul 2022 15:08:22 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E9=86=92=E8=AE=BE=E7=BD=AE=E7=95=8C?=
 =?UTF-8?q?=E9=9D=A2=E6=B7=BB=E5=8A=A0=E9=82=AE=E7=AE=B1=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/DataManagement/ReminderSettings.vue | 105 +++++++++++++++---
 1 file changed, 90 insertions(+), 15 deletions(-)

diff --git a/src/views/DataManagement/ReminderSettings.vue b/src/views/DataManagement/ReminderSettings.vue
index f520425..519b0d9 100644
--- a/src/views/DataManagement/ReminderSettings.vue
+++ b/src/views/DataManagement/ReminderSettings.vue
@@ -10,7 +10,7 @@
             <el-card shadow="hover">
               <div style="height: auto">
                 <div>
-                  <el-form ref="dailyNewspaperForm" :model="dailyNewspaperForm" label-width="100px" class="demo-dynamic" label-position="left">
+                  <el-form ref="dailyNewspaperForm" :model="dailyNewspaperForm" label-width="110px" class="demo-dynamic" label-position="left">
                     <el-form-item
                       prop="time"
                       label="日报发送时间"
@@ -27,19 +27,30 @@
                       />
                     </el-form-item>
                     <el-form-item
-                      prop="email"
-                      label="发送至邮箱"
+                      v-for="(email, index) in dailyNewspaperForm.emails"
+                      :key="email.key"
+                      :label="'发送至邮箱' + (index+1)"
+                      :prop="'emails.' + index + '.value'"
                       :rules="[
                         { required: true, message: '请输入邮箱地址', trigger: 'blur' },
                         { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }
                       ]"
                     >
-                      <el-input v-model="dailyNewspaperForm.email" />
+                      <el-input
+                        v-model="email.value"
+                        style="width: 190px;padding-right: 13px"
+                      />
+                      <el-button @click.prevent="removeDailyNewspaperFormEmail(email)">
+                        删除
+                      </el-button>
                     </el-form-item>
                     <el-form-item>
                       <el-button type="primary" @click="submitForm('dailyNewspaperForm')">
                         保存
                       </el-button>
+                      <el-button @click="addDailyNewspaperFormEmail">
+                        新增邮箱
+                      </el-button>
                       <el-button @click="resetForm('dailyNewspaperForm')">
                         重置
                       </el-button>
@@ -53,7 +64,7 @@
           <el-col :span="8">
             <el-card shadow="hover">
               <div style="height: auto">
-                <el-form ref="policeForm" :model="policeForm" label-width="100px" class="demo-dynamic">
+                <el-form ref="policeForm" :model="policeForm" label-width="110px" class="demo-dynamic">
                   <el-form-item
                     prop="fazhi"
                     label="报警率阈值"
@@ -64,19 +75,30 @@
                     <el-input v-model="policeForm.fazhi" />
                   </el-form-item>
                   <el-form-item
-                    prop="email"
-                    label="发送至邮箱"
+                    v-for="(email, index) in policeForm.emails"
+                    :key="email.key"
+                    :label="'发送至邮箱' + (index+1)"
+                    :prop="'emails.' + index + '.value'"
                     :rules="[
                       { required: true, message: '请输入邮箱地址', trigger: 'blur' },
                       { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }
                     ]"
                   >
-                    <el-input v-model="policeForm.email" />
+                    <el-input
+                      v-model="email.value"
+                      style="width: 190px;padding-right: 13px"
+                    />
+                    <el-button @click.prevent="removePoliceFormEmail(email)">
+                      删除
+                    </el-button>
                   </el-form-item>
                   <el-form-item>
                     <el-button type="primary" @click="submitForm('policeForm')">
                       保存
                     </el-button>
+                    <el-button @click="addPoliceFormEmail">
+                      新增邮箱
+                    </el-button>
                     <el-button @click="resetForm('policeForm')">
                       重置
                     </el-button>
@@ -89,7 +111,7 @@
           <el-col :span="8">
             <el-card shadow="hover">
               <div style="height: auto">
-                <el-form ref="utilizationRatioForm" :model="utilizationRatioForm" label-width="100px" class="demo-dynamic">
+                <el-form ref="utilizationRatioForm" :model="utilizationRatioForm" label-width="110px" class="demo-dynamic">
                   <el-form-item
                     prop="number"
                     label="利用率基数"
@@ -100,19 +122,30 @@
                     <el-input v-model="utilizationRatioForm.number" />
                   </el-form-item>
                   <el-form-item
-                    prop="email"
-                    label="发送至邮箱"
+                    v-for="(email, index) in utilizationRatioForm.emails"
+                    :key="email.key"
+                    :label="'发送至邮箱' + (index+1)"
+                    :prop="'emails.' + index + '.value'"
                     :rules="[
                       { required: true, message: '请输入邮箱地址', trigger: 'blur' },
                       { type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }
                     ]"
                   >
-                    <el-input v-model="utilizationRatioForm.email" />
+                    <el-input
+                      v-model="email.value"
+                      style="width: 190px;padding-right: 13px"
+                    />
+                    <el-button @click.prevent="removeUtilizationRatioFormEmail(email)">
+                      删除
+                    </el-button>
                   </el-form-item>
                   <el-form-item>
                     <el-button type="primary" @click="submitForm('utilizationRatioForm')">
                       保存
                     </el-button>
+                    <el-button @click="addUtilizationRatioFormEmail">
+                      新增邮箱
+                    </el-button>
                     <el-button @click="resetForm('utilizationRatioForm')">
                       重置
                     </el-button>
@@ -143,15 +176,21 @@ export default {
     return {
       dailyNewspaperForm: {
         time: '',
-        emile: ''
+        emails: [{
+          value: ''
+        }]
       },
       policeForm: {
-        email: '',
+        emails: [{
+          value: ''
+        }],
         fazhi: ''
       },
       utilizationRatioForm: {
         number: '',
-        emile: ''
+        emails: [{
+          value: ''
+        }]
       },
       inner: {
         title: '提醒设置'
@@ -259,6 +298,42 @@ export default {
     this.getData()
   },
   methods: {
+    removeDailyNewspaperFormEmail(item) {
+      var index = this.dailyNewspaperForm.emails.indexOf(item)
+      if (index !== -1) {
+        this.dailyNewspaperForm.emails.splice(index, 1)
+      }
+    },
+    removePoliceFormEmail(item) {
+      var index = this.policeForm.emails.indexOf(item)
+      if (index !== -1) {
+        this.policeForm.emails.splice(index, 1)
+      }
+    },
+    removeUtilizationRatioFormEmail(item) {
+      var index = this.utilizationRatioForm.emails.indexOf(item)
+      if (index !== -1) {
+        this.utilizationRatioForm.emails.splice(index, 1)
+      }
+    },
+    addDailyNewspaperFormEmail() {
+      this.dailyNewspaperForm.emails.push({
+        value: '',
+        key: Date.now()
+      })
+    },
+    addPoliceFormEmail() {
+      this.policeForm.emails.push({
+        value: '',
+        key: Date.now()
+      })
+    },
+    addUtilizationRatioFormEmail() {
+      this.utilizationRatioForm.emails.push({
+        value: '',
+        key: Date.now()
+      })
+    },
     submitForm(formName) {
       this.$refs[formName].validate((valid) => {
         if (valid) {
-- 
Gitee