elink-star
/
esua-epdc-admin
8
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Merge branch 'dev_message' into dev_1114

master
liuchuang 6 years ago
parent
21def378e5 6a7fe243d5
commit
8838f4fb4c
7 changed files with 924 additions and 0 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 5
      src/i18n/zh-CN.js
  2. 169
      src/views/modules/message/smslog-add-or-update.vue
  3. 166
      src/views/modules/message/smslog-detail.vue
  4. 145
      src/views/modules/message/smslog.vue
  5. 171
      src/views/modules/message/smstemplate-add-or-update.vue
  6. 171
      src/views/modules/message/smstemplate-detail.vue
  7. 97
      src/views/modules/message/smstemplate.vue

5
src/i18n/zh-CN.js
View File

@ -212,6 +212,11 @@ t.sms.qcloudSignName = '短信签名'
t.sms.qcloudTemplateId = '短信模板'
t.sms.qcloudTemplateIdTips = '短信模板ID'
t.smstemplate = {}
t.smstemplate.add = '新增模板'
t.smstemplate.update = '修改模板'
t.smstemplate.see = '查看模板'
t.oss = {}
t.oss.config = '云存储配置'
t.oss.upload = '上传文件'

169
src/views/modules/message/smslog-add-or-update.vue
View File

@ -0,0 +1,169 @@
<template>
<el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('update')" :close-on-click-modal="false" :close-on-press-escape="false">
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
<el-form-item label="短信模板表ID" prop="smsTemplateId">
<el-input v-model="dataForm.smsTemplateId" placeholder="短信模板表ID"></el-input>
</el-form-item>
<el-form-item label="手机号" prop="mobile">
<el-input v-model="dataForm.mobile" placeholder="手机号"></el-input>
</el-form-item>
<el-form-item label="参数1" prop="params1">
<el-input v-model="dataForm.params1" placeholder="参数1"></el-input>
</el-form-item>
<el-form-item label="参数2" prop="params2">
<el-input v-model="dataForm.params2" placeholder="参数2"></el-input>
</el-form-item>
<el-form-item label="参数3" prop="params3">
<el-input v-model="dataForm.params3" placeholder="参数3"></el-input>
</el-form-item>
<el-form-item label="参数4" prop="params4">
<el-input v-model="dataForm.params4" placeholder="参数4"></el-input>
</el-form-item>
<el-form-item label="发送状态" prop="status">
<el-select v-model="dataForm.status" placeholder="发送状态">
<el-option v-for="item in statusArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue" >
</el-option>
</el-select>
</el-form-item>
<el-form-item label="平台类型" prop="platform">
<el-select v-model="dataForm.platform" placeholder="平台类型">
<el-option v-for="item in platformArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue" >
</el-option>
</el-select>
</el-form-item>
</el-form>
<template slot="footer">
<el-button @click="visible = false">{{ $t('cancel') }}</el-button>
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
</template>
</el-dialog>
</template>
<script>
import debounce from 'lodash/debounce'
export default {
data () {
return {
visible: false,
dataForm: {
id: '',
smsTemplateId: '',
mobile: '',
params1: '',
params2: '',
params3: '',
params4: '',
status: '',
platform: '',
revision: '',
createdBy: '',
createdTime: '',
updatedBy: '',
updatedTime: '',
delFlag: ''
},
statusArr: [
{ dictValue: 1, dictName: '成功' },
{ dictValue: 0, dictName: '失败' }
],
platformArr: [
{ dictValue: 1, dictName: '阿里云' },
{ dictValue: 2, dictName: '腾讯云' }
]
}
},
computed: {
dataRule () {
return {
smsTemplateId: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
mobile: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
params1: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
params2: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
params3: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
params4: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
status: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
platform: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
revision: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
createdBy: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
createdTime: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
updatedBy: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
updatedTime: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
delFlag: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
]
}
}
},
methods: {
init () {
this.visible = true
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
if (this.dataForm.id) {
this.getInfo()
}
})
},
// 获取信息
getInfo () {
this.$http.get(`/message/smslog/${this.dataForm.id}`).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.dataForm = {
...this.dataForm,
...res.data
}
}).catch(() => {})
},
// 表单提交
dataFormSubmitHandle: debounce(function () {
this.$refs['dataForm'].validate((valid) => {
if (!valid) {
return false
}
this.$http[!this.dataForm.id ? 'post' : 'put']('/message/smslog/', this.dataForm).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.$message({
message: this.$t('prompt.success'),
type: 'success',
duration: 500,
onClose: () => {
this.visible = false
this.$emit('refreshDataList')
}
})
}).catch(() => {})
})
}, 1000, { 'leading': true, 'trailing': false })
}
}
</script>

166
src/views/modules/message/smslog-detail.vue
View File

@ -0,0 +1,166 @@
<template>
<el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('add') : $t('look')" :close-on-click-modal="false" :close-on-press-escape="false">
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'" :disabled="true">
<el-form-item label="手机号" prop="mobile">
<el-input v-model="dataForm.mobile" placeholder="手机号"></el-input>
</el-form-item>
<el-form-item label="参数1" prop="params1">
<el-input v-model="dataForm.params1" placeholder="参数1"></el-input>
</el-form-item>
<el-form-item label="参数2" prop="params2">
<el-input v-model="dataForm.params2" placeholder="参数2"></el-input>
</el-form-item>
<el-form-item label="参数3" prop="params3">
<el-input v-model="dataForm.params3" placeholder="参数3"></el-input>
</el-form-item>
<el-form-item label="参数4" prop="params4">
<el-input v-model="dataForm.params4" placeholder="参数4"></el-input>
</el-form-item>
<el-form-item label="发送状态" prop="status">
<el-select v-model="dataForm.status" placeholder="发送状态">
<el-option v-for="item in statusArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue" >
</el-option>
</el-select>
</el-form-item>
<el-form-item label="平台类型" prop="platform">
<el-select v-model="dataForm.platform" placeholder="平台类型">
<el-option v-for="item in platformArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue" >
</el-option>
</el-select>
</el-form-item>
</el-form>
<template slot="footer" v-if=false>
<el-button @click="visible = false">{{ $t('cancel') }}</el-button>
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
</template>
</el-dialog>
</template>
<script>
import debounce from 'lodash/debounce'
export default {
data () {
return {
visible: false,
dataForm: {
id: '',
smsTemplateId: '',
mobile: '',
params1: '',
params2: '',
params3: '',
params4: '',
status: '',
platform: '',
revision: '',
createdBy: '',
createdTime: '',
updatedBy: '',
updatedTime: '',
delFlag: ''
},
statusArr: [
{ dictValue: 1, dictName: '成功' },
{ dictValue: 0, dictName: '失败' }
],
platformArr: [
{ dictValue: 1, dictName: '阿里云' },
{ dictValue: 2, dictName: '腾讯云' }
]
}
},
computed: {
dataRule () {
return {
smsTemplateId: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
mobile: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
params1: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
params2: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
params3: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
params4: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
status: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
platform: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
revision: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
createdBy: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
createdTime: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
updatedBy: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
updatedTime: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
delFlag: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
]
}
}
},
methods: {
init () {
this.visible = true
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
if (this.dataForm.id) {
this.getInfo()
}
})
},
// 获取信息
getInfo () {
this.$http.get(`/message/smslog/${this.dataForm.id}`).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.dataForm = {
...this.dataForm,
...res.data
}
}).catch(() => {})
},
// 表单提交
dataFormSubmitHandle: debounce(function () {
this.$refs['dataForm'].validate((valid) => {
if (!valid) {
return false
}
this.$http[!this.dataForm.id ? 'post' : 'put']('/message/smslog/', this.dataForm).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.$message({
message: this.$t('prompt.success'),
type: 'success',
duration: 500,
onClose: () => {
this.visible = false
this.$emit('refreshDataList')
}
})
}).catch(() => {})
})
}, 1000, { 'leading': true, 'trailing': false })
}
}
</script>

145
src/views/modules/message/smslog.vue
View File

@ -0,0 +1,145 @@
<template>
<el-card shadow="never" class="aui-card--fill">
<div class="mod-message__smslog}">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<el-form-item label="手机号" prop="mobile">
<el-input v-model="dataForm.mobile" placeholder="手机号" clearable></el-input>
</el-form-item>
<el-form-item label="发送状态" prop="status">
<el-select v-model="dataForm.status" placeholder="发送状态" clearable>
<el-option v-for="item in statusArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue" >
</el-option>
</el-select>
</el-form-item>
<el-form-item v-if=false label="平台类型" prop="platform">
<el-select v-model="dataForm.platform" placeholder="平台类型" clearable>
<el-option v-for="item in platformArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue" >
</el-option>
</el-select>
</el-form-item>
<el-form-item label="模板类型" prop="templateType">
<el-select v-model="dataForm.templateType" placeholder="模板类型" clearable>
<el-option v-for="item in paramNameArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue" >
</el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button @click="getDataList()">{{ $t('query') }}</el-button>
</el-form-item>
<el-form-item>
<!-- <el-button v-if="$hasPermission('message:smslog:save')" type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button> -->
<el-button v-if=false type="primary" @click="addOrUpdateHandle()">{{ $t('add') }}</el-button>
</el-form-item>
<el-form-item>
<el-button v-if=false type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
</el-form-item>
</el-form>
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
<el-table-column v-if=false type="selection" header-align="center" align="center" width="50"></el-table-column>
<el-table-column prop="platform" label="平台类型" header-align="center" align="center" :formatter="showPlatform"></el-table-column>
<el-table-column prop="mobile" label="手机号" header-align="center" align="center"></el-table-column>
<el-table-column prop="status" label="发送状态" header-align="center" align="center" :formatter="showStatus"></el-table-column>
<el-table-column prop="templateTypeName" label="模板类型" header-align="center" align="center"></el-table-column>
<el-table-column prop="params1" label="参数1" header-align="center" align="center"></el-table-column>
<el-table-column prop="params2" label="参数2" header-align="center" align="center"></el-table-column>
<el-table-column prop="params3" label="参数3" header-align="center" align="center"></el-table-column>
<el-table-column prop="params4" label="参数4" header-align="center" align="center"></el-table-column>
<el-table-column prop="createdTime" label="发送时间" header-align="center" align="center"></el-table-column>
<el-table-column v-if=false prop="updatedTime" label="更新时间" header-align="center" align="center"></el-table-column>
<el-table-column v-if=false :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
<template slot-scope="scope">
<el-button type="text" size="small" @click="smslogDetailHandle(scope.row.id)">查看</el-button>
<el-button v-if="$hasPermission('message:smslog:update')" type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
<el-button v-if="$hasPermission('message:smslog:delete')" type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
</template>
</el-table-column>
</el-table>
<el-pagination
:current-page="page"
:page-sizes="[10, 20, 50, 100]"
:page-size="limit"
:total="total"
layout="total, sizes, prev, pager, next, jumper"
@size-change="pageSizeChangeHandle"
@current-change="pageCurrentChangeHandle">
</el-pagination>
<!-- 弹窗, 新增 / 修改 -->
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
<!--查看-->
<smslog-detail v-if="smslogDetailVisible" ref="smslogDetail" @refreshDataList="getDataList"></smslog-detail>
</div>
</el-card>
</template>
<script>
import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './smslog-add-or-update'
import smslogDetail from './smslog-detail'
export default {
mixins: [mixinViewModule],
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/message/smslog/page',
getDataListIsPage: true,
deleteURL: '/message/smslog',
deleteIsBatch: true
},
dataForm: {
id: ''
},
statusArr: [
{ dictValue: 1, dictName: '成功' },
{ dictValue: 0, dictName: '失败' }
],
platformArr: [
{ dictValue: 1, dictName: '阿里云' },
{ dictValue: 2, dictName: '腾讯云' }
],
paramNameArr: [],
smslogDetailVisible: false
}
},
components: {
AddOrUpdate,
smslogDetail
},
created () {
this.getParamListInfo('sms_template_type')
},
methods: {
showStatus (row, column) {
if (row.status === 0) {
return '失败'
} else {
return '成功'
}
},
showPlatform (row, column) {
if (row.platform === 1) {
return '阿里云'
} else {
return '腾讯云'
}
},
// 获取参数名称code下拉信息
getParamListInfo (dictType) {
this.$http.get(`/sys/dict/listSimple/` + dictType).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
if (dictType === 'sms_template_type') {
this.paramNameArr = res.data
}
}).catch(() => {})
},
smslogDetailHandle (smslogId) {
this.smslogDetailVisible = true
this.$nextTick(() => {
this.$refs.smslogDetail.dataForm.id = smslogId
this.$refs.smslogDetail.init()
})
}
}
}
</script>

171
src/views/modules/message/smstemplate-add-or-update.vue
View File

@ -0,0 +1,171 @@
<template>
<el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('smstemplate.add') : $t('smstemplate.update')" :close-on-click-modal="false" :close-on-press-escape="false">
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'">
<el-form-item label="模板类型" prop="templateType">
<el-select v-model="dataForm.templateType" placeholder="模板类型" @change="selectModel($event)">
<el-option v-for="item in paramNameArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue" >
</el-option>
</el-select>
</el-form-item>
<el-form-item label="启用标识" prop="enableFlag">
<el-select v-model="dataForm.enableFlag" placeholder="启用标识">
<el-option v-for="item in enableFlagArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue" >
</el-option>
</el-select>
</el-form-item>
<el-form-item label="短信签名" prop="signName">
<el-input v-model="dataForm.signName" placeholder="短信签名"></el-input>
</el-form-item>
<el-form-item label="短信模板" prop="template">
<el-input v-model="dataForm.template" placeholder="短信模板"></el-input>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="dataForm.remark" placeholder="备注" type="textarea" :rows="2"></el-input>
</el-form-item>
</el-form>
<template slot="footer">
<el-button @click="visible = false">{{ $t('cancel') }}</el-button>
<el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
</template>
</el-dialog>
</template>
<script>
import debounce from 'lodash/debounce'
export default {
data () {
return {
visible: false,
dataForm: {
id: '',
templateType: '',
templateTypeName: '',
signName: '',
template: '',
remark: '',
enableFlag: '',
revision: '',
createdBy: '',
createdTime: '',
updatedBy: '',
updatedTime: '',
delFlag: ''
},
paramNameArr: [],
enableFlagArr: [
{ dictValue: '1', dictName: '是' },
{ dictValue: '0', dictName: '否' }
]
}
},
computed: {
dataRule () {
return {
templateType: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
templateTypeName: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
signName: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
template: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
remark: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
enableFlag: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
revision: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
createdBy: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
createdTime: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
updatedBy: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
updatedTime: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
delFlag: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
]
}
}
},
created () {
this.getParamListInfo('sms_template_type')
},
methods: {
init () {
this.visible = true
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
if (this.dataForm.id) {
this.getInfo()
}
})
},
// 参数名称取值变化事件
selectModel (id) {
this.paramNameArr.find((item) => {
if (item.dictValue === id) {
this.dataForm.templateTypeName = item.dictName
}
})
},
// 获取参数名称code下拉信息
getParamListInfo (dictType) {
this.$http.get(`/sys/dict/listSimple/` + dictType).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
if (dictType === 'sms_template_type') {
this.paramNameArr = res.data
}
}).catch(() => {})
},
// 获取信息
getInfo () {
this.$http.get(`/message/smstemplate/${this.dataForm.id}`).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.dataForm = {
...this.dataForm,
...res.data
}
}).catch(() => {})
},
// 表单提交
dataFormSubmitHandle: debounce(function () {
this.$refs['dataForm'].validate((valid) => {
if (!valid) {
return false
}
this.$http[!this.dataForm.id ? 'post' : 'put']('/message/smstemplate/', this.dataForm).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.$message({
message: this.$t('prompt.success'),
type: 'success',
duration: 500,
onClose: () => {
this.visible = false
this.$emit('refreshDataList')
}
})
}).catch(() => {})
})
}, 1000, { 'leading': true, 'trailing': false })
}
}
</script>

171
src/views/modules/message/smstemplate-detail.vue
View File

@ -0,0 +1,171 @@
<template>
<el-dialog :visible.sync="visible" :title="!dataForm.id ? $t('smstemplate.add') : $t('smstemplate.see')" :close-on-click-modal="false" :close-on-press-escape="false">
<el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmitHandle()" :label-width="$i18n.locale === 'en-US' ? '120px' : '80px'" :disabled="true">
<el-form-item label="模板类型" prop="templateType">
<el-select v-model="dataForm.templateType" placeholder="模板类型" @change="selectModel($event)">
<el-option v-for="item in paramNameArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue" >
</el-option>
</el-select>
</el-form-item>
<el-form-item label="启用标识" prop="enableFlag">
<el-select v-model="dataForm.enableFlag" placeholder="启用标识">
<el-option v-for="item in enableFlagArr" :key="item.dictValue" :label="item.dictName" :value="item.dictValue" >
</el-option>
</el-select>
</el-form-item>
<el-form-item label="短信签名" prop="signName">
<el-input v-model="dataForm.signName" placeholder="短信签名"></el-input>
</el-form-item>
<el-form-item label="短信模板" prop="template">
<el-input v-model="dataForm.template" placeholder="短信模板"></el-input>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="dataForm.remark" placeholder="备注" type="textarea" :rows="2"></el-input>
</el-form-item>
</el-form>
<template slot="footer">
<el-button v-if=false @click="visible = false">{{ $t('cancel') }}</el-button>
<el-button v-if=false type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
</template>
</el-dialog>
</template>
<script>
import debounce from 'lodash/debounce'
export default {
data () {
return {
visible: false,
dataForm: {
id: '',
templateType: '',
templateTypeName: '',
signName: '',
template: '',
remark: '',
enableFlag: '',
revision: '',
createdBy: '',
createdTime: '',
updatedBy: '',
updatedTime: '',
delFlag: ''
},
paramNameArr: [],
enableFlagArr: [
{ dictValue: '1', dictName: '是' },
{ dictValue: '0', dictName: '否' }
]
}
},
computed: {
dataRule () {
return {
templateType: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
templateTypeName: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
signName: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
template: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
remark: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
enableFlag: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
revision: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
createdBy: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
createdTime: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
updatedBy: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
updatedTime: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
],
delFlag: [
{ required: true, message: this.$t('validate.required'), trigger: 'blur' }
]
}
}
},
created () {
this.getParamListInfo('sms_template_type')
},
methods: {
init () {
this.visible = true
this.$nextTick(() => {
this.$refs['dataForm'].resetFields()
if (this.dataForm.id) {
this.getInfo()
}
})
},
// 参数名称取值变化事件
selectModel (id) {
this.paramNameArr.find((item) => {
if (item.dictValue === id) {
this.dataForm.templateTypeName = item.dictName
}
})
},
// 获取参数名称code下拉信息
getParamListInfo (dictType) {
this.$http.get(`/sys/dict/listSimple/` + dictType).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
if (dictType === 'sms_template_type') {
this.paramNameArr = res.data
}
}).catch(() => {})
},
// 获取信息
getInfo () {
this.$http.get(`/message/smstemplate/${this.dataForm.id}`).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.dataForm = {
...this.dataForm,
...res.data
}
}).catch(() => {})
},
// 表单提交
dataFormSubmitHandle: debounce(function () {
this.$refs['dataForm'].validate((valid) => {
if (!valid) {
return false
}
this.$http[!this.dataForm.id ? 'post' : 'put']('/message/smstemplate/', this.dataForm).then(({ data: res }) => {
if (res.code !== 0) {
return this.$message.error(res.msg)
}
this.$message({
message: this.$t('prompt.success'),
type: 'success',
duration: 500,
onClose: () => {
this.visible = false
this.$emit('refreshDataList')
}
})
}).catch(() => {})
})
}, 1000, { 'leading': true, 'trailing': false })
}
}
</script>

97
src/views/modules/message/smstemplate.vue
View File

@ -0,0 +1,97 @@
<template>
<el-card shadow="never" class="aui-card--fill">
<div class="mod-message__smstemplate}">
<el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
<!-- <el-form-item>
<el-input v-model="dataForm.id" placeholder="id" clearable></el-input>
</el-form-item> -->
<el-form-item label="模板类型名称" prop="templateTypeName">
<el-input v-model="dataForm.templateTypeName" placeholder="模板类型名称" clearable></el-input>
</el-form-item>
<el-form-item>
<el-button @click="getDataList()">{{ $t('query') }}</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="addOrUpdateHandle()">{{ $t('smstemplate.add') }}</el-button>
</el-form-item>
<el-form-item>
<el-button type="danger" @click="deleteHandle()">{{ $t('deleteBatch') }}</el-button>
</el-form-item>
</el-form>
<el-table v-loading="dataListLoading" :data="dataList" border @selection-change="dataListSelectionChangeHandle" style="width: 100%;">
<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
<el-table-column prop="templateType" label="模板类型" header-align="center" align="center"></el-table-column>
<el-table-column prop="templateTypeName" label="模板类型名称" header-align="center" align="center"></el-table-column>
<el-table-column prop="enableFlag" label="启用标识" header-align="center" align="center" :formatter="showEnableFlag"></el-table-column>
<el-table-column prop="signName" label="短信签名" header-align="center" align="center"></el-table-column>
<el-table-column prop="template" label="短信模板" header-align="center" align="center"></el-table-column>
<el-table-column prop="remark" label="备注" header-align="center" align="center"></el-table-column>
<el-table-column prop="createdTime" label="创建时间" header-align="center" align="center"></el-table-column>
<el-table-column prop="updatedTime" label="更新时间" header-align="center" align="center"></el-table-column>
<el-table-column :label="$t('handle')" fixed="right" header-align="center" align="center" width="150">
<template slot-scope="scope">
<!-- <el-button type="text" size="small" @click="smstemplateDetailHandle(scope.row.id)">查看</el-button> -->
<el-button type="text" size="small" @click="addOrUpdateHandle(scope.row.id)">{{ $t('update') }}</el-button>
<el-button type="text" size="small" @click="deleteHandle(scope.row.id)">{{ $t('delete') }}</el-button>
</template>
</el-table-column>
</el-table>
<el-pagination
:current-page="page"
:page-sizes="[10, 20, 50, 100]"
:page-size="limit"
:total="total"
layout="total, sizes, prev, pager, next, jumper"
@size-change="pageSizeChangeHandle"
@current-change="pageCurrentChangeHandle">
</el-pagination>
<!-- 弹窗, 新增 / 修改 -->
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
<!--查看-->
<smstemplate-detail v-if="smstemplateDetailVisible" ref="smstemplateDetail" @refreshDataList="getDataList"></smstemplate-detail>
</div>
</el-card>
</template>
<script>
import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './smstemplate-add-or-update'
import smstemplateDetail from './smstemplate-detail'
export default {
mixins: [mixinViewModule],
data () {
return {
mixinViewModuleOptions: {
getDataListURL: '/message/smstemplate/page',
getDataListIsPage: true,
deleteURL: '/message/smstemplate',
deleteIsBatch: true
},
dataForm: {
id: ''
},
smstemplateDetailVisible: false
}
},
components: {
AddOrUpdate,
smstemplateDetail
},
methods: {
smstemplateDetailHandle (smstemplateId) {
this.smstemplateDetailVisible = true
this.$nextTick(() => {
this.$refs.smstemplateDetail.dataForm.id = smstemplateId
this.$refs.smstemplateDetail.init()
})
},
showEnableFlag (row, column) {
if (row.enableFlag === '0') {
return '否'
} else {
return '是'
}
}
}
}
</script>
Write Preview
Loading…
Cancel
Save