likang

src/views/permission/config/index.vue

@@ -107,6 +107,40 @@
             </div>
           </el-card>
         </el-col>
+        <el-col :span="6" class="config-box">
+          <el-card class="box-card">
+            <div slot="header" class="clearfix">
+              <span>邮箱配置</span>
+            </div>
+            <div class="component-item" >
+                <el-form :model="formFieldsData.email_config"  label-position="right"  ref="email_config"  label-width="160px" size="mini">
+                    <el-form-item label="SMTP主机"  prop="SmtpHost">
+                        <el-input v-model="formFieldsData.email_config.SmtpHost" clearable></el-input>
+                    </el-form-item>
+                    <el-form-item label="绑定邮箱"  prop="SmtpUserName">
+                        <el-input v-model="formFieldsData.email_config.SmtpUserName" clearable></el-input>
+                    </el-form-item>
+                    <el-form-item label="授权码/密码"  prop="SmtpPassword">
+                        <el-input v-model="formFieldsData.email_config.SmtpPassword" clearable></el-input>
+                    </el-form-item>
+                    <el-form-item label="端口"  prop="SmtpPort">
+                        <el-input v-model="formFieldsData.email_config.SmtpPort" clearable></el-input>
+                    </el-form-item>
+                  
+                     <el-form-item label="协议"  prop="SMTPSecure">
+                        <el-select v-model="formFieldsData.email_config.SMTPSecure" placeholder="请选择">
+                           <el-option  label="ssl" value="ssl" />
+                           <el-option  label="TLS" value="TLS" />
+                        </el-select>
+                    </el-form-item>
+                     <el-form-item label="发件人名称"  prop="Name">
+                        <el-input v-model="formFieldsData.email_config.Name" clearable></el-input>
+                    </el-form-item>
+
+                </el-form>
+            </div>
+          </el-card>
+        </el-col>
        
       </el-row>
       <cropper-image
@@ -196,17 +230,28 @@ export default {
           // department_id: 0,
           logo:'',
         },
-        // station_config: {
-        //   request_interval: "0",
-        //   kq_station_host:'',
-        // },
+
         table_store:{
           EndPoint: "",
           AccessKeyID: "",
           AccessKeySecret: "",
           InstanceName: "",
-          
+        },
+        email_config:{
+          SmtpHost:'',
+          //绑定邮箱
+          SmtpUserName:'',
+          //密码
+          SmtpPassword:'',
+          //端口
+          SmtpPort:'',
+          //协议
+          SMTPSecure:'',
+          //发件人名称
+          Name:'',
+
         }
+
       },
       //裁切图片参数
       cropperModel:false,

src/views/system/email/index.vue

@@ -1,14 +1,10 @@
 <template>
   <div class="app-container">
     <div class="filter-container">
-      <el-input v-model="queryParam.name" placeholder="邮箱" clearable class="filter-item form-search-input fl" />
-       <el-select  v-model="queryParam.device_type"  clearable class="filter-item form-search-input fl"  placeholder="请选择状态" >
-              <el-option
-                v-for="item in deviceTypes"
-                :key="item.value"
-                :label="item.text"
-                :value="item.value">
-              </el-option>
+      <el-input v-model="queryParam.email" placeholder="邮箱" clearable class="filter-item form-search-input fl" />
+       <el-select  v-model="queryParam.status"  clearable class="filter-item form-search-input fl"  placeholder="请选择状态" >
+              <el-option label="有效" value="1"></el-option>
+              <el-option label="无效" value="-1"></el-option>
         </el-select>
       <el-button class="filter-item search fl" icon="el-icon-search" @click="handleSearch">
         搜索
@@ -83,8 +79,10 @@
                <el-input v-model="formFieldsData.email" placeholder="请输入邮箱" style="width: 250px" autocomplete="off" clearable />
           </el-form-item>
           <el-form-item label="状态" :label-width="formLabelWidth"  prop="status">
-              <el-switch v-model="formFieldsData.status"  style="width: 250px"  placeholder="请选择邮箱状态"  active-color="#13ce66"
-                inactive-color="#ff4949"  active-value="1" inactive-value="-1" />
+                 <el-select v-model="formFieldsData.status" placeholder="请选择">
+                      <el-option label="有效" value=1></el-option>
+                      <el-option label="无效" value=-1></el-option>
+                  </el-select>
             </el-form-item>
             <el-form-item label="详情" :label-width="formLabelWidth" prop="info">
               <el-input type="textarea" v-model="formFieldsData.info" placeholder="请输入详情" style="width: 250px" autocomplete="off" clearable />
@@ -109,14 +107,15 @@ export default {
       formLabelWidth: '120px',
       // 用户搜索
       queryParam: {
-        name: '',
+        status:'',
+        email:''
       },
       deviceTypes:[],
       fan_models:[],
       formVisible: false,
       formFieldsData: {
         email: '',
-        status: '',
+        status: '1',
         info:'',
       },
       url: 'email',