| 
					
				 | 
			
			
				@@ -0,0 +1,186 @@ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ <template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  <div class="m-container"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <h2> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <div class="squrt"></div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      邮件服务配置 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </h2> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <!-- <h3 class="infoTitle">优惠券信息</h3> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <el-divider></el-divider> --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    <el-form :model="form" ref="form" class="form"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-row :gutter="20"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-col style="width: 395px"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-form-item 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            label="服务器主机名" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            prop="hostName" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            :rules="[{ required: true, message: '请输入服务器主机名' }]" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-input 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              style="width: 355px !important" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              v-model="form.hostName" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              placeholder="请输服务器主机名" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            ></el-input> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-col style="width: 395px"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-form-item 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            label="服务器端口号" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            prop="smtpPort" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            :rules="[{ required: true, message: '请输入服务器端口号' }]" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-input 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              style="width: 355px !important" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              v-model="form.smtpPort" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              placeholder="请输入服务器端口号" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            ></el-input> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </el-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-row :gutter="20"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-col style="width: 395px"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-form-item 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            label="服务器用户名" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            prop="userName" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            :rules="[{ required: true, message: '请输入服务器用户名' }]" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-input 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              style="width: 355px !important" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              v-model="form.userName" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              placeholder="请输入服务器用户名" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            ></el-input> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-col style="width: 395px"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-form-item 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            label="服务器密码" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            prop="password" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            :rules="[{ required: true, message: '请输入服务器密码' }]" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-input 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              show-password 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              style="width: 355px !important" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              v-model="form.password" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              placeholder="请输入服务器密码" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            ></el-input> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </el-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-row :gutter="20"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-col style="width: 395px"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-form-item 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            label="邮箱" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            prop="from" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            :rules="[{ required: true, message: '请输入邮箱' }]" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-input 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              style="width: 355px !important" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              v-model="form.from" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              placeholder="请输入邮箱" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            ></el-input> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-col style="width: 395px"> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          <el-form-item 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            label="落款名称" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            prop="fromName" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            :rules="[{ required: true, message: '请输入落款名称' }]" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          > 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            <el-input 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              style="width: 355px !important" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              v-model="form.fromName" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              placeholder="请输入落款名称" 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            ></el-input> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        </el-col> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </el-row> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<!--  --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      <el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-button type="primary" v-permission="'sysEmail/update'"  @click="setEmil">保存</el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <!-- <el-button type="primary" v-else @click="addCoupon">提交</el-button> --> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        <el-button type="danger" @click="resetForm">重置</el-button> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      </el-form-item> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    </el-form> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  </div> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</template> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { getEmail,resetEmail } from "./api.js"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { couponTypeList, coupontypeDetailList } from "@/utils/searchArray"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { getTimes } from "@/utils"; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+export default { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  data() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    return { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      couponTypeList, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      coupontypeDetail: coupontypeDetailList, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      form: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        id:1, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        hostName: null, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        smtpPort: null, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        userName: null, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        password: null, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        from: null, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        fromName: null, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  mounted() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    this.getList() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  methods: { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    async getList() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      try{ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        const res = await getEmail() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        if(res.data){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.form = {...res.data} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.activeRow = {...res.data} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }catch(e){ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        console.log(e) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    resetForm() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.$refs.form.resetFields(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      if (this.activeRow) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        this.form = { ...this.activeRow }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    async setEmil() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      this.$refs.form.validate(async (some) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        if (some) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          this.$confirm("是否保存邮件配置?", "提示", { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            confirmButtonText: "确定", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            cancelButtonText: "取消", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            type: "warning", 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+          }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            .then(async () => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              try { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                const res = await resetEmail({...this.form}); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                this.$message.success("保存成功"); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                this.getList() 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              } catch (e) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+                console.log(e); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+              } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+            .catch(() => {}); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+      }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+}; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</script> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+<style lang="scss" scoped> 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+.form { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  margin-top: 30px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+.infoTitle { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  font-weight: 400; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  margin-top: 30px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  font-size: 18px; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+/deep/label { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  font-weight: 400; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+} 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+</style> 
			 |