From 99f97b11a334ce482db9aa91fca86dadbaffd716 Mon Sep 17 00:00:00 2001 From: luobisheng <727299681@qq.com> Date: 星期四, 17 十一月 2022 17:40:43 +0800 Subject: [PATCH] 我的代办修改 --- src/views/operate/sms/smsTemplate/index.vue | 194 ++++++++++++++---------------------------------- 1 files changed, 57 insertions(+), 137 deletions(-) diff --git a/src/views/operate/sms/smsTemplate/index.vue b/src/views/operate/sms/smsTemplate/index.vue index e753649..9a41d57 100644 --- a/src/views/operate/sms/smsTemplate/index.vue +++ b/src/views/operate/sms/smsTemplate/index.vue @@ -11,16 +11,9 @@ <el-input placeholder="娑堟伅鏍囬" v-model="context"></el-input> </div> <div class="message-status"> - <span>娑堟伅鐘舵��:</span> - <el-select v-model="messageStatus" placeholder="璇烽�夋嫨娑堟伅鐘舵��"> + <span>妯℃澘绫诲瀷:</span> + <el-select v-model="messageStatus" placeholder="璇烽�夋嫨"> <el-option v-for="item in statusList" :key="item.value" :label="item.label" :value="item.value"> - </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> @@ -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" @@ -46,24 +39,16 @@ <el-table-column label="ID" min-width="5"> <template slot-scope="scope">{{ scope.row.id }}</template> </el-table-column> - <el-table-column prop="head" label="鏍囬" min-width="10"> + <el-table-column prop="title" label="鏍囬" min-width="10"> </el-table-column> - <el-table-column prop="updateTime" label="淇敼鏃堕棿" min-width="10"> + <el-table-column prop="createTime" label="鍒涘缓鏃堕棿" min-width="10"> <template slot-scope="scope"> <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="channelCode" label="娑堟伅鍒嗙被" min-width="10"> + <el-table-column prop="type" label="妯℃澘绫诲瀷" min-width="10"> <template slot-scope="scope"> - <span>{{scope.row.channelCode === '01' ? '绔欏唴淇�':scope.row.channelCode - ==='02'?"閭欢":'鐭俊'}}</span> - </template> - </el-table-column> - <el-table-column prop="status" label="鍙戝竷鐘舵��" min-width="5"> - <template slot-scope="scope"> - {{scope.row.status === 0 ? '鏈彂甯�' :'宸插彂甯�'}} + <span>{{scope.row.type === 1 ? '楠岃瘉鐮佹ā鏉�':scope.row.type === 2 ? '娲诲姩妯℃澘' :' 鍏朵粬妯℃澘'}}</span> </template> </el-table-column> <el-table-column prop="operation" label="鎿嶄綔" min-width="15"> @@ -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> - </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 --> + <MyCreate @closeMyDialog="handleConfirmClose" :dialogType="dialogType" :tableRowData="messageTemplateData"></MyCreate> + </el-dialog> <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> @@ -121,17 +94,20 @@ </div> </template> <script> +import helper from '@/utils/mydate' +import MyCreate from './createTemplate' +import SMS from "@/api/operate/SMS"; + export default { components: { - // MyView, MyCreate,MyEdit + MyCreate, }, data() { return { tableData: [], context: "", - dialogEdit:false, - dialogCreate: false, - dialogView: false, + dialogType: '', + isShowDialog: false, totalNum: null, pageSize: 10, currentPage: 1, @@ -159,20 +135,20 @@ } ], tempList: [], - messageStatus: 2, + messageStatus: 0, messageKind: '00', statusList: [ { label: '鍏ㄩ儴', - value: 2, - }, - { - label: '鏈彂甯�', value: 0, }, { - label: '宸插彂甯�', + label: '楠岃瘉鐮佹ā鏉�', value: 1, + }, + { + label: '娲诲姩妯℃澘', + value: 2, } ], kindList: [ @@ -192,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/list', - data: { - body: "", - channelCode: messageKind === '00' ?'':messageKind, - createUser: '', - current: currentPage, - head: context, - messageType: "", - pageSize: pageSize, - randomCode: "", - remark: "", - sendTime: "", - status: messageStatus === 2 ? '':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) { @@ -311,17 +254,16 @@ type: 'success', message: '鏇存敼鐢ㄦ埛鐘舵�佹垚鍔�', }) - this.getUserList(); + this.getMessageList(); } else { this.$message({ type: 'error', message: res.message }) } - console.log(res); }) }) - .catch(err => { console.log(err) }) + .catch(err => { }) }, // 琛ㄦ牸鐩戝惉 tableChange(list) { @@ -329,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 }) { @@ -351,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(); - } } } } @@ -396,7 +318,6 @@ header { background-color: #09152f; - border: 1pox solid #fff; .header-nav { line-height: 40px; @@ -454,7 +375,6 @@ background-color: #09152f; margin-top: 20px; padding-bottom: 50px; - border: 1pox solid #fff; .el-link { color: #4b9bb7; -- Gitblit v1.8.0