From 0dd7cf81c9d5ea63360e3f35df67bcb1baadc03e Mon Sep 17 00:00:00 2001 From: luobisheng <727299681@qq.com> Date: 星期五, 11 十一月 2022 14:19:28 +0800 Subject: [PATCH] 短信模板管理 --- src/views/operate/sms/smsTemplate/index.vue | 164 +++++++++++++----------------------------------------- 1 files changed, 41 insertions(+), 123 deletions(-) diff --git a/src/views/operate/sms/smsTemplate/index.vue b/src/views/operate/sms/smsTemplate/index.vue index b63c1a6..735bac4 100644 --- a/src/views/operate/sms/smsTemplate/index.vue +++ b/src/views/operate/sms/smsTemplate/index.vue @@ -17,13 +17,6 @@ </el-option> </el-select> </div> - <!-- <div class="message-kind"> - <span>娑堟伅鍒嗙被:</span> - <el-select v-model="messageKind" placeholder="璇烽�夋嫨娑堟伅鍒嗙被"> - <el-option v-for="item in kindList" :key="item.id" :label="item.columnName" :value="item.id"> - </el-option> - </el-select> - </div> --> <div class="find"> <el-button type="primary" icon="el-icon-search" @click="handleSearch">鏌ヨ</el-button> <el-button icon="el-icon-delete-solid" @click="handleReset">閲嶇疆</el-button> @@ -34,7 +27,7 @@ <div class="mainContent"> <div class="main-nav"> <span>鏁版嵁鍒楄〃</span> - <el-button type="primary" icon="el-icon-plus" @click="dialogCreate = true">娣诲姞</el-button> + <el-button type="primary" icon="el-icon-plus" @click="isShowDialog = true; dialogType = 'created'">娣诲姞</el-button> </div> <!-- 鏁版嵁灞曠ず --> <el-table ref="multipleTable" @@ -53,19 +46,11 @@ <span>{{changeTime(scope.row)}}</span> </template> </el-table-column> - <!-- <el-table-column prop="targetFrom" label="鍙戝竷浜哄憳" min-width="15"> - </el-table-column> --> <el-table-column prop="type" label="妯℃澘绫诲瀷" min-width="10"> <template slot-scope="scope"> - <span>{{scope.row.type === 1 ? '楠岃瘉鐮佹ā鏉�':scope.row.type - ===2?"娲诲姩妯℃澘":'鍏朵粬妯℃澘'}}</span> + <span>{{scope.row.type === 1 ? '楠岃瘉鐮佹ā鏉�':scope.row.type === 2 ? '娲诲姩妯℃澘' :' 鍏朵粬妯℃澘'}}</span> </template> </el-table-column> - <!-- <el-table-column prop="status" label="鍙戝竷鐘舵��" min-width="5"> - <template slot-scope="scope"> - {{scope.row.status === 0 ? '鏈彂甯�' :'宸插彂甯�'}} - </template> - </el-table-column> --> <el-table-column prop="operation" label="鎿嶄綔" min-width="15"> <template slot-scope="scope"> <div class="operation"> @@ -78,21 +63,10 @@ </el-table-column> </el-table> <!-- 鏂板缓娑堟伅 --> - <el-dialog title="鏂板缓鐭俊妯℃澘" :visible.sync="dialogCreate" v-if="dialogCreate" width="80%" + <el-dialog title="鏂板缓鐭俊妯℃澘" :visible.sync="isShowDialog" v-if="isShowDialog" width="80%" :before-close="handleConfirmClose"> - <MyCreate @closeMyDialog="closeDialog"></MyCreate> + <MyCreate @closeMyDialog="handleConfirmClose" :dialogType="dialogType" :tableRowData="messageTemplateData"></MyCreate> </el-dialog> - <!-- 娑堟伅璇︽儏 --> - <!-- <el-dialog title="娑堟伅璇︽儏" :visible.sync="dialogView" v-if="dialogView" width="45%" - :before-close="handleClose"> - <MyView @closeDialog="closeDialog" :myinfo="info">></MyView> - </el-dialog> --> - <!-- 缂栬緫椤甸潰 --> - <!-- <el-dialog title="缂栬緫娑堟伅" :visible.sync="dialogEdit" v-if="dialogEdit" width="80%" - :before-close="handleClose"> - <MyEdit @closeDialog="closeDialog" :myDataRow="info"></MyEdit> - </el-dialog> --> - <!-- tools --> <div class="tools"> <div class="funs"> <div class="funsItem funs-sp"> @@ -111,8 +85,7 @@ </div> <div class="pagination"> <el-pagination background :current-page="currentPage" layout="prev, pager, next" - :total="totalNum" :page-size="pageSize" @current-change="changeCurrentPage" - > + :total="totalNum" :page-size="pageSize" @current-change="changeCurrentPage"> </el-pagination> </div> </div> @@ -123,6 +96,8 @@ <script> import helper from '@/utils/mydate' import MyCreate from './createTemplate' +import SMS from "@/api/operate/SMS"; + export default { components: { MyCreate, @@ -131,9 +106,8 @@ return { tableData: [], context: "", - dialogEdit:false, - dialogCreate: false, - dialogView: false, + dialogType: '', + isShowDialog: false, totalNum: null, pageSize: 10, currentPage: 1, @@ -194,93 +168,60 @@ id:'03', columnName:'鐭俊', } - ] + ], + messageTemplateData: null } }, created() { - const {setTableData} = this - setTableData(); + this.getMessageList(); }, methods: { // 鏌ヨ handleSearch(){ - this.setTableData(); + this.getMessageList(); }, // 閲嶇疆 handleReset(){ - }, // 鏌ョ湅 handleView(data){ - this.info = data; - this.dialogView = true; + this.messageTemplateData = data; + this.dialogType = 'view'; + this.isShowDialog = true; }, // 缂栬緫 handleEdit(data){ - this.info = data; - this.dialogEdit = true; + this.messageTemplateData = data; + this.dialogType = 'edit'; + this.isShowDialog = true; }, // 鍒犻櫎淇℃伅 handleDelete(idarr) { this.$confirm('纭鍒犻櫎?') - .then(_ => { - this.$axios({ - method: 'post', - url: 'sccg/message/delete?ids=' + idarr, - }) - .then(res => { - if (res.code === 200) { - this.$message({ - type: 'success', - message: '鍒犻櫎鎴愬姛', - }) - this.setTableData(); - } else { - this.$message({ - type: 'error', - message: res.message - }) - } - }) + .then(() => { + SMS.deleteSMSTemplatate({ ids: idarr }) + .then(() => { + this.$message({ type: 'success', message }); + this.getMessageList(); + }) + .catch(err => { + this.$message({ type: 'error', message: err }); + }) }) - }, - // 璁剧疆琛ㄦ牸鏁版嵁 - async setTableData() { - const arr = await this.getMessageList(); - this.tableData = arr.records; - this.totalNum = arr.total }, // 鑾峰彇娑堟伅鏁版嵁 - async getMessageList() { - let arr = []; - const { currentPage, pageSize,context,messageStatus,messageKind } = this; - await this.$axios({ - method: 'post', - url: 'sccg/message_sms_template/list', - data: { - body: "", - channelCode: messageKind === '00' ?'':messageKind, - createUser: '', - current: currentPage, - title: context, - messageType: "", - pageSize: pageSize, - randomCode: "", - remark: "", - sendTime: "", - type: messageStatus === 0 ? '':messageStatus, - targetFrom: "", - targetTo: "" - } - }) - .then(res => { - arr = res.data; + getMessageList() { + SMS.getSMSTemplateList({ current: this.currentPage, pageSize: this.pageSize, context: this.context, type: this.messageType }) + .then(({ records, total }) => { + this.tableData = records; + this.totalNum = total; }) - return arr; + .catch(err => { + this.$message({ type: 'success', message: err }); + }) }, // 鎵归噺涓嬫媺妗嗘搷浣� async selectChange(list) { - console.log(this.tempList); if (this.tempList.length !== 0) { this.preMyIdx = list; if (list === 3) { @@ -313,14 +254,13 @@ type: 'success', message: '鏇存敼鐢ㄦ埛鐘舵�佹垚鍔�', }) - this.getUserList(); + this.getMessageList(); } else { this.$message({ type: 'error', message: res.message }) } - console.log(res); }) }) .catch(err => { console.log(err) }) @@ -331,11 +271,7 @@ list.forEach(item => { this.tempList.push(item.id); }) - if (list.length === this.tableData.length) { - this.all = true; - } else { - this.all = false - } + this.all = list.length === this.tableData.length; }, // 淇敼鏃堕棿鏍煎紡 changeTime({ updateTime }) { @@ -353,39 +289,23 @@ }, // 璁剧疆琛ㄦ牸鏂戦┈绾� tableRowClassName({ row, rowIndex }) { - if ((rowIndex + 1) % 2 == 0) { + if ((rowIndex + 1) % 2 === 0) { return 'warning-row'; } else { return 'success-row'; } - return ''; }, // 褰撳墠椤垫敼鍙樿Е鍙戜簨浠� changeCurrentPage(page) { this.currentPage = page; - this.setTableData(); - }, - // 鍏抽棴寮圭獥 - handleClose(done) { - done(); + this.getMessageList(); }, // 纭鍏抽棴寮圭獥 handleConfirmClose(done) { this.$confirm('纭鍏抽棴?') - .then(_ => { + .then(() => { done(); }) - .catch(err => { - console.log(err); - }) - }, - // 鑷畾涔夊叧闂脊绐� - closeDialog({ flag, index }) { - this.dialogCreate = flag; - this.dialogView = flag; - if (index === 1) { - this.setTableData(); - } } } } @@ -398,7 +318,6 @@ header { background-color: #09152f; - border: 1pox solid #fff; .header-nav { line-height: 40px; @@ -456,7 +375,6 @@ background-color: #09152f; margin-top: 20px; padding-bottom: 50px; - border: 1pox solid #fff; .el-link { color: #4b9bb7; -- Gitblit v1.8.0