邮件编辑时增加渠道

This commit is contained in:
zhl 2021-01-12 16:33:20 +08:00
parent d29bc132d5
commit e81116f4bd

View File

@ -3,24 +3,24 @@
<!-- toolbar --> <!-- toolbar -->
<div class="toolbar clearfix"> <div class="toolbar clearfix">
<div <div
class="l fl"
v-if="permEdit" v-if="permEdit"
class="l fl"
> >
<el-button <el-button
type="primary" type="primary"
@click="addMail"
icon="el-icon-plus" icon="el-icon-plus"
@click="addMail"
>新增</el-button> >新增</el-button>
<el-button <el-button
type="warning" type="warning"
@click="addFromDraft"
icon="el-icon-document" icon="el-icon-document"
plain plain
@click="addFromDraft"
>从模板新增</el-button> >从模板新增</el-button>
<el-button <el-button
@click="switchData"
type="success" type="success"
icon="el-icon-d-caret" icon="el-icon-d-caret"
@click="switchData"
>{{ switchText }}</el-button> >{{ switchText }}</el-button>
<el-button <el-button
v-if="batch.show && ((isDev && permEdit) || (!isDev && permPublish))" v-if="batch.show && ((isDev && permEdit) || (!isDev && permPublish))"
@ -29,8 +29,8 @@
@click="batchDel" @click="batchDel"
>批量删除</el-button> >批量删除</el-button>
<el-button <el-button
@click="batchOpt"
icon="el-icon-setting" icon="el-icon-setting"
@click="batchOpt"
> {{ batch.txt }} </el-button> > {{ batch.txt }} </el-button>
</div> </div>
<div class="r fr"> <div class="r fr">
@ -42,11 +42,11 @@
</div> </div>
<!-- table --> <!-- table -->
<el-alert <el-alert
v-if="!isDev"
title="当前数据为【正式】数据!" title="当前数据为【正式】数据!"
type="warning" type="warning"
class="mgt-20 mgb-20" class="mgt-20 mgb-20"
effect="dark" effect="dark"
v-if="!isDev"
/> />
<el-table <el-table
v-loading="isLoaded" v-loading="isLoaded"
@ -64,8 +64,8 @@
/> />
<el-table-column <el-table-column
type="index" type="index"
:index="indexMethod"> :index="indexMethod"
</el-table-column> />
<el-table-column <el-table-column
prop="mailtype" prop="mailtype"
label="类型" label="类型"
@ -79,6 +79,12 @@
sortable sortable
show-overflow-tooltip show-overflow-tooltip
/> />
<el-table-column
prop="channel"
label="渠道"
sortable
show-overflow-tooltip
/>
<el-table-column <el-table-column
prop="attachments" prop="attachments"
label="物品" label="物品"
@ -154,6 +160,13 @@
<el-input v-model="modalForm.from" :disabled="!isNew"/> <el-input v-model="modalForm.from" :disabled="!isNew"/>
<span class="ipt-tip">发件人</span> <span class="ipt-tip">发件人</span>
</el-form-item> </el-form-item>
<el-form-item
label="渠道"
prop="mailFrom"
>
<el-input v-model="modalForm.channel"/>
<span class="ipt-tip">渠道</span>
</el-form-item>
<el-form-item <el-form-item
label="邮件类型" label="邮件类型"
prop="mailtype" prop="mailtype"
@ -164,7 +177,7 @@
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
v-if="modalForm.mailtype == 2" v-if="modalForm.mailtype === 2"
label="用户类型" label="用户类型"
prop="usertype" prop="usertype"
> >
@ -175,7 +188,7 @@
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
v-if="modalForm.mailtype == 1" v-if="modalForm.mailtype === 1"
label="收件人" label="收件人"
prop="mailTo" prop="mailTo"
> >
@ -200,8 +213,8 @@
prop="content" prop="content"
> >
<el-input <el-input
type="textarea"
v-model="modalForm.content" v-model="modalForm.content"
type="textarea"
/> />
</el-form-item> </el-form-item>
<el-form-item <el-form-item
@ -218,7 +231,8 @@
<el-date-picker <el-date-picker
v-model="modalForm.sendtime" v-model="modalForm.sendtime"
type="datetime" type="datetime"
placeholder="选择发送时间"/> placeholder="选择发送时间"
/>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
class="ipt-tip" class="ipt-tip"
@ -228,7 +242,8 @@
<el-date-picker <el-date-picker
v-model="modalForm.expiretime" v-model="modalForm.expiretime"
type="datetime" type="datetime"
placeholder="选择过期时间"/> placeholder="选择过期时间"
/>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
label="物品" label="物品"
@ -255,10 +270,10 @@
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
v-if="permEdit"
type="text" type="text"
size="small" size="small"
@click="editItem(scope.$index,scope.row)" @click="editItem(scope.$index,scope.row)"
v-if="permEdit"
>编辑</el-button> >编辑</el-button>
<el-button <el-button
v-if="permEdit" v-if="permEdit"
@ -270,24 +285,24 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-button <el-button
v-if="permEdit"
type="primary" type="primary"
size="mini" size="mini"
@click="addItem" @click="addItem"
v-if="permEdit"
>添加</el-button> >添加</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div slot="footer"> <div slot="footer">
<el-button @click="closeModal"> </el-button> <el-button @click="closeModal"> </el-button>
<el-button <el-button
@click="reset"
type="warning" type="warning"
plain plain
@click="reset"
>重置</el-button> >重置</el-button>
<el-button <el-button
v-if="permEdit"
type="primary" type="primary"
@click="save" @click="save"
v-if="permEdit"
> </el-button> > </el-button>
</div> </div>
</el-dialog> </el-dialog>
@ -321,9 +336,9 @@
<div slot="footer"> <div slot="footer">
<el-button @click="closeInnerModal"> </el-button> <el-button @click="closeInnerModal"> </el-button>
<el-button <el-button
v-if="permEdit"
type="primary" type="primary"
@click="saveItem" @click="saveItem"
v-if="permEdit"
> </el-button> > </el-button>
</div> </div>
</el-dialog> </el-dialog>
@ -338,7 +353,6 @@ import {
getMails, getMails,
saveMail, saveMail,
delMails, delMails,
getOpsToken
} from '@/api/mail' } from '@/api/mail'
import moment from 'moment' import moment from 'moment'
@ -375,6 +389,7 @@ export default {
modalForm: { modalForm: {
subject: '', subject: '',
actived: true, actived: true,
channel: '',
attachments: [], attachments: [],
content: '', content: '',
to: '', to: '',
@ -467,27 +482,15 @@ export default {
const data = res.data const data = res.data
if (data.errcode === 0) { if (data.errcode === 0) {
this.tableData = data.maillist this.tableData = data.maillist
this.total = data.maillist.length; this.total = data.maillist.length
this.isLoaded = false this.isLoaded = false
} }
}) })
.catch(err => { .catch(err => {
console.log(err) console.log(err)
this.isLoaded = false; this.isLoaded = false
}) })
}, },
getOpsToken() {
return new Promise((resolve, reject) => {
getOpsToken()
.then(res => {
const data = res.data
data.errcode === 0 ? resolve(data.result) : reject(data.errmsg)
})
.catch(err => {
reject(err)
})
})
},
validateForm(formName) { validateForm(formName) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
this.$refs[formName].validate(valid => { this.$refs[formName].validate(valid => {
@ -526,6 +529,7 @@ export default {
return { return {
subject: '', subject: '',
actived: true, actived: true,
channel: '0',
attachments: [], attachments: [],
content: '', content: '',
to: '', to: '',
@ -678,7 +682,7 @@ export default {
return (this.currentPage - 1) * this.pageSize + index + 1 return (this.currentPage - 1) * this.pageSize + index + 1
}, },
formType(row, column, cellValue, index) { formType(row, column, cellValue, index) {
if (cellValue == 1) { if (cellValue === 1) {
return '个人邮件' return '个人邮件'
} else { } else {
return '群发邮件' return '群发邮件'