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

短信管理PC

master
wanggongfeng 6 years ago
parent
88f33892a6
commit
d3521bd741
6 changed files with 375 additions and 5 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. 1
      src/i18n/zh-CN.js
  2. 148
      src/views/modules/message/smslog-detail.vue
  3. 17
      src/views/modules/message/smslog.vue
  4. 16
      src/views/modules/message/smstemplate-add-or-update.vue
  5. 171
      src/views/modules/message/smstemplate-detail.vue
  6. 27
      src/views/modules/message/smstemplate.vue

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

@ -215,6 +215,7 @@ t.sms.qcloudTemplateIdTips = '短信模板ID'
t.smstemplate = {}
t.smstemplate.add = '新增模板'
t.smstemplate.update = '修改模板'
t.smstemplate.see = '查看模板'
t.oss = {}
t.oss.config = '云存储配置'

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

@ -0,0 +1,148 @@
<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="发送状态 0：失败 1：成功" prop="status">
<el-input v-model="dataForm.status" placeholder="发送状态 0：失败 1：成功"></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: '',
smsTemplateId: '',
mobile: '',
params1: '',
params2: '',
params3: '',
params4: '',
status: '',
revision: '',
createdBy: '',
createdTime: '',
updatedBy: '',
updatedTime: '',
delFlag: ''
}
}
},
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' }
],
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>

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

@ -30,6 +30,7 @@
<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="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>
@ -46,6 +47,8 @@
</el-pagination>
<!-- 弹窗, 新增 / 修改 -->
<add-or-update v-if="addOrUpdateVisible" ref="addOrUpdate" @refreshDataList="getDataList"></add-or-update>
<!--查看-->
<actphrase-detail v-if="smslogDetailVisible" ref="smslogDetail" @refreshDataList="getDataList"></actphrase-detail>
</div>
</el-card>
</template>
@ -53,6 +56,7 @@
<script>
import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './smslog-add-or-update'
import smslogDetail from './smslog-detail'
export default {
mixins: [mixinViewModule],
data () {
@ -65,11 +69,13 @@ export default {
},
dataForm: {
id: ''
}
},
smslogDetailVisible: false
}
},
components: {
AddOrUpdate
AddOrUpdate,
smslogDetail
},
methods: {
showStatus (row, column) {
@ -78,6 +84,13 @@ export default {
} else {
return '成功'
}
},
smslogDetailHandle (smslogId) {
this.smslogDetailVisible = true
this.$nextTick(() => {
this.$refs.smslogDetail.dataForm.id = smslogId
this.$refs.smslogDetail.init()
})
}
}
}

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

@ -6,6 +6,12 @@
<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>
@ -37,6 +43,7 @@ export default {
signName: '',
template: '',
remark: '',
enableFlag: '',
revision: '',
createdBy: '',
createdTime: '',
@ -44,7 +51,11 @@ export default {
updatedTime: '',
delFlag: ''
},
paramNameArr: []
paramNameArr: [],
enableFlagArr: [
{ dictValue: '1', dictName: '是' },
{ dictValue: '0', dictName: '否' }
]
}
},
computed: {
@ -65,6 +76,9 @@ export default {
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' }
],

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>

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

@ -20,6 +20,7 @@
<el-table-column prop="id" label="主键" header-align="center" align="center"></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>
@ -27,6 +28,7 @@
<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>
@ -43,6 +45,8 @@
</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>
@ -50,6 +54,7 @@
<script>
import mixinViewModule from '@/mixins/view-module'
import AddOrUpdate from './smstemplate-add-or-update'
import smstemplateDetail from './smstemplate-detail'
export default {
mixins: [mixinViewModule],
data () {
@ -62,11 +67,29 @@ export default {
},
dataForm: {
id: ''
}
},
smstemplateDetailVisible: false
}
},
components: {
AddOrUpdate
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