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