重构系统消息模板功能

zhangdaiscott
1 parent 56c4bcb5
Showing 3 changed files with 112 additions and 23 deletions
ant-design-vue-jeecg/src/views/modules/message/SysMessageTemplateList.vue
ant-design-vue-jeecg/src/views/modules/message/modules/SysMessageTemplateModal.vue
ant-design-vue-jeecg/src/views/modules/message/modules/SysMessageTestModal.vue
@@ -24,7 +24,7 @@
             </a-col>
             <a-col :md="6" :sm="8">
               <a-form-item label="模板类型">
-                <a-input placeholder="请输入模板类型" v-model="queryParam.templateType"></a-input>
+                <j-dict-select-tag placeholder="请选择模板类型" v-model="queryParam.templateType" dictCode="msgType"></j-dict-select-tag>
               </a-form-item>
             </a-col>
           </template>
@@ -51,7 +51,7 @@
                 @change="handleImportExcel">
         <a-button type="primary" icon="import">导入</a-button>
       </a-upload>
-      <a-dropdown v-if="selectedRowKeys.length > 0">
+<!--      <a-dropdown v-if="selectedRowKeys.length > 0">
         <a-menu slot="overlay">
           <a-menu-item key="1" @click="batchDel">
             <a-icon type="delete"/>
@@ -61,7 +61,7 @@
         <a-button style="margin-left: 8px"> 批量操作
           <a-icon type="down"/>
         </a-button>
-      </a-dropdown>
+      </a-dropdown>-->
     </div>
     <!-- table区域-begin -->
@@ -91,14 +91,21 @@
         <span slot="action" slot-scope="text, record">
-          <a @click="handleEdit(record)">编辑</a>
+          <a @click="handleMyEdit(record)">编辑</a>
           <a-divider type="vertical"/>
           <a-dropdown>
             <a class="ant-dropdown-link">更多 <a-icon type="down"/></a>
             <a-menu slot="overlay">
               <a-menu-item>
-                <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record.id)">
+                  <a @click="handleUse(record)">应用</a>
+              </a-menu-item>
+               <a-menu-item>
+                  <a @click="handleNotUse(record)">停用</a>
+              </a-menu-item>
+           
+              <a-menu-item>
+                <a-popconfirm title="确定删除吗?" @confirm="() => handleDelete(record)">
                   <a>删除</a>
                 </a-popconfirm>
               </a-menu-item>
@@ -125,14 +132,19 @@
   import SysMessageTestModal from './modules/SysMessageTestModal'
   import {JeecgListMixin} from '@/mixins/JeecgListMixin'
   import JEllipsis from "@/components/jeecg/JEllipsis";
-
+  import {httpAction} from '@/api/manage'
+  import { deleteAction } from '@/api/manage'
+  import JDictSelectTag from '@/components/dict/JDictSelectTag.vue'
+  
+  
   export default {
     name: "SysMessageTemplateList",
     mixins: [JeecgListMixin],
     components: {
       JEllipsis,
       SysMessageTemplateModal,
-      SysMessageTestModal
+      SysMessageTestModal,
+      JDictSelectTag
     },
     data() {
       return {
@@ -171,16 +183,22 @@
             dataIndex: 'templateType',
             customRender: function (text) {
               if(text=='1') {
-                return "短信";
+                return "文本";
               }
               if(text=='2') {
-                return "邮件";
+                return "富文本";
               }
-              if(text=='3') {
-                return "微信";
-              }
-              if(text=='4') {
-                return "系统";
+            }
+          },
+          {
+            title: '是否应用',
+            align: "center",
+            dataIndex: 'useStatus',
+            customRender: function (text) {
+              if(text=='1') {
+                return "是";
+              }else{
+                return '否'
               }
             }
           },
@@ -209,8 +227,60 @@
       handleTest(record){
         this.$refs.testModal.open(record);
         this.$refs.testModal.title = "发送测试";
-      }
+      },
+      //update-begin-author:taoyan date:2022-7-8 for: 修改应用状态
+      updateUseStatus(record, useStatus){
+        let formData = {
+          id: record.id, useStatus: useStatus
+        }
+        httpAction("/sys/message/sysMessageTemplate/edit", formData, 'put').then((res) => {
+          if (res.success) {
+            this.$message.success(res.message);
+          } else {
+            this.$message.warning(res.message);
+          }
+        }).finally(() => {
+          this.loadData()
+        })
+      },
+      handleUse(record){
+        this.updateUseStatus(record, '1')
+      },
+      handleNotUse(record){
+        this.updateUseStatus(record, '0')
+      },
+      handleMyEdit(record){
+        if(record.useStatus == '1'){
+          this.$message.warning('此模板已被应用，禁止编辑!');
+        }else{
+          this.handleEdit(record);
+        }
+      },
+      //update-end-author:taoyan date:2022-7-8 for: 修改应用状态
+      handleDelete: function (record) {
+        if(!this.url.delete){
+          this.$message.error("请设置url.delete属性!")
+          return
+        }
+        if(record.useStatus=='1'){
+          this.$message.error("该模板已被应用禁止删除!")
+          return
+        }
+        let id = record.id;
+        var that = this;
+        deleteAction(that.url.delete, {id: id}).then((res) => {
+          if (res.success) {
+            //重新计算分页问题
+            that.reCalculatePage(1)
+            that.$message.success(res.message);
+            that.loadData();
+          } else {
+            that.$message.warning(res.message);
+          }
+        });
+      },
+      
     }
   }
 </script>
@@ -50,6 +50,17 @@
             </a-form-item>
           </a-col>
         </a-row>
+        <a-row class="form-row" :gutter="24" >
+          <a-col :span="24" pull="2">
+            <a-form-item
+              :labelCol="labelCol"
+              :wrapperCol="wrapperCol"
+              label="是否应用"
+              style="margin-left: -15px">
+              <j-switch v-decorator="['useStatus', validatorRules.useStatus]" :options="['1', '0']"></j-switch>
+            </a-form-item>
+          </a-col>
+        </a-row>
         <a-row class="form-row" :gutter="24">
           <a-col :span="24" pull="4">
             <a-form-item
@@ -85,11 +96,13 @@
   import pick from 'lodash.pick'
   import { duplicateCheck } from '@/api/api'
   import JEditor from '@/components/jeecg/JEditor'
+  import JSwitch from '@/components/jeecg/JSwitch'
   export default {
     name: "SysMessageTemplateModal",
     components:{
-      JEditor
+      JEditor,
+      JSwitch
     },
     data() {
       return {
@@ -111,6 +124,7 @@
         templateCode: {rules: [{required: true, message: '请输入模板CODE!' },{validator: this.validateTemplateCode}]},
         templateName: {rules: [{required: true, message: '请输入模板标题!'}]},
         templateContent: {rules: []},
+        useStatus:{rules: []},
         templateType: {rules: [{required: true, message: '请输入模板类型!'}]},
         },
         url: {
@@ -140,9 +154,9 @@
         this.visible = true;
         this.$nextTick(() => {
           if(this.useEditor){
-            this.form.setFieldsValue(pick(this.model, 'templateCode', 'templateName', 'templateTestJson', 'templateType'))
+            this.form.setFieldsValue(pick(this.model, 'useStatus', 'templateCode', 'templateName', 'templateTestJson', 'templateType'))
           }else{
-            this.form.setFieldsValue(pick(this.model, 'templateCode', 'templateContent', 'templateName', 'templateTestJson', 'templateType'))
+            this.form.setFieldsValue(pick(this.model, 'useStatus', 'templateCode', 'templateContent', 'templateName', 'templateTestJson', 'templateType'))
           }
         });
       },
@@ -34,14 +34,15 @@
           label="消息类型">
           <j-dict-select-tag
             v-model="msgType"
+            type="radio"
             placeholder="请选择消息类型"
-            dictCode="msgType"/>
+            dictCode="messageType"/>
         </a-form-item>
         <a-form-item
           :labelCol="labelCol"
           :wrapperCol="wrapperCol"
           label="消息接收方">
-          <a-input placeholder="请输入消息接收方" v-model="receiver"/>
+          <j-select-user-by-dep placeholder="请选择消息接收方" v-model="receiver"></j-select-user-by-dep>
         </a-form-item>
       </a-form>
     </a-spin>
@@ -50,9 +51,13 @@
 <script>
   import {httpAction} from '@/api/manage'
-
+  import JSelectUserByDep from '@/components/jeecgbiz/JSelectUserByDep'
+  
   export default {
     name: "SysMessageTestModal",
+    components:{
+      JSelectUserByDep
+    },
     data() {
       return {
         title: "操作",
@@ -74,7 +79,7 @@
         templateName: "",
         templateContent: "",
         receiver: "",
-        msgType: "",
+        msgType: "system",
         testData: "",
         sendParams: {}
       }
@@ -89,7 +94,7 @@
       },
       close() {
         this.receiver = "";
-        this.msgType = "";
+        this.msgType = "system";
         this.sendParams = {};
         this.visible = false;
       },