From cccf898581b27258a9110930cd52f40cac36cf25 Mon Sep 17 00:00:00 2001
From: zhanghua <314079846@qq.com>
Date: 星期五, 25 十一月 2022 09:50:58 +0800
Subject: [PATCH] 文书路由修改

---
 src/views/operate/sms/smsIndex/createSms/index.vue |  192 +++++++++++------------------------------------
 1 files changed, 46 insertions(+), 146 deletions(-)

diff --git a/src/views/operate/sms/smsIndex/createSms/index.vue b/src/views/operate/sms/smsIndex/createSms/index.vue
index f3082bd..9018a13 100644
--- a/src/views/operate/sms/smsIndex/createSms/index.vue
+++ b/src/views/operate/sms/smsIndex/createSms/index.vue
@@ -2,31 +2,30 @@
     <div class="createUser">
         <main>
             <div class="mainContent">
-                <el-form ref="user" label-width="140px" autoComplete="on" :model="role" :rules="createRoleRules"
+                <el-form ref="user" label-width="140px" autoComplete="on" :model="role" :rules="rules"
                     label-position="right">
                     <!-- 娑堟伅鏍忕洰 -->
-                    <el-form-item class="optionItem" label="娑堟伅鏍忕洰:" prop="messageType">
+                    <el-form-item class="optionItem" label="鐭俊妯℃澘:" prop="messageType">
                         <div class="message-item">
                             <div class="message-item__left">
-                                <el-select v-model="role.messageType" placeholder="璇烽�夋嫨娑堟伅鏍忕洰">
+                                <el-select v-model="role.messageType" placeholder="璇烽�夋嫨鐭俊妯℃澘">
                                     <el-option v-for="item in colList" :key="item.id" :label="item.columnName"
                                         :value="item.id">
                                     </el-option>
                                 </el-select>
                             </div>
-                            <span class="message-add" @click='dialogCreate = true'> 娣诲姞鏍忕洰</span>
                         </div>
                     </el-form-item>
                     <!-- 娑堟伅鏍囬 -->
-                    <el-form-item class="optionItems" label="娑堟伅鏍囬:" prop="head">
+                    <el-form-item class="optionItems" label="鐭俊鏍囬:" prop="head">
                         <div class="message-item__left">
-                            <el-input v-model="role.head" placeholder="璇烽�夋嫨娑堟伅鏍囬"></el-input>
+                            <el-input v-model="role.head" placeholder="璇烽�夋嫨鐭俊鏍囬"></el-input>
                         </div>
                     </el-form-item>
                     <!-- 鎺ユ敹瀵硅薄 -->
-                    <el-form-item class="optionItem" label="鎺ユ敹瀵硅薄:" prop="targetTo">
+                    <el-form-item class="optionItem" label="鎺ユ敹鎵嬫満鍙�:" prop="targetTo">
                         <div class="message-item__left">
-                            <el-select v-model="role.targetTo" placeholder="璇烽�夋嫨鎺ユ敹瀵硅薄" >
+                            <el-select v-model="role.targetTo" placeholder="璇烽�夋嫨鎺ユ敹鎺ユ敹鎵嬫満鍙�" >
                                 <el-option :value="role.targetTo">
                                     <el-tree ref="tree" :data="departList" :props="defaultProps" show-checkbox
                                         @check="handleCheck" default-expand-all node-key="id">
@@ -37,70 +36,34 @@
                     </el-form-item>
                     <!-- 娑堟伅鍐呭 -->
                     <el-form-item class="optionItem" label="娑堟伅鍐呭:" prop="body">
-                        <MyEditor ref="edit" @getMyBody="getMyBody"></MyEditor>
-                        <!-- <el-input type="textarea" v-model="role.description" placeholder="璇疯緭鍏ユ弿杩板唴瀹�200瀛椾互鍐�"></el-input> -->
+                        <MyEditor ref="edit"></MyEditor>
                     </el-form-item>
-                    <!-- 鎻愰啋鏂瑰紡 -->
-                    <!-- <el-form-item class="optionItem" label="鎻愰啋鏂瑰紡:" prop="channelCode">
-                        <el-radio-group v-model="role.channelCode">
-                            <el-radio label="01">绔欏唴淇�</el-radio>
-                            <el-radio label="02">閭欢</el-radio>
-                            <el-radio label="03">鐭俊</el-radio>
-                        </el-radio-group>
-                        <span class="message-tip">(鐭俊鍙敤鏁�: 1000鏉�)</span>
-                    </el-form-item> -->
+
                     <el-form-item>
                         <div class="optionBtn">
-                            <!-- <el-button type="primary" @click.native.prevent="handleSubmit(0)" class="btn save">淇濆瓨
-                            </el-button> -->
-                            <el-button type="primary" @click.native.prevent="handleSubmit(1)" class="btn submit">鍙戝竷
-                            </el-button>
-                            <!-- <el-button type="primary" @click.native.prevent="handleView" class="btn submit">棰勮
-                            </el-button> -->
+                            <el-button type="primary" @click.native.prevent="handleSubmit(1)" class="btn submit">鍙戝竷</el-button>
                             <el-button class="btn cancel" @click.native.prevent="handleReset">閲嶇疆</el-button>
                         </div>
                     </el-form-item>
                 </el-form>
-                <!-- 鏂板鏍忕洰 -->
-                <el-dialog title="娣诲姞鏍忕洰" :visible.sync="dialogCreate" v-if="dialogCreate" width="60%"
-                    :before-close="handleConfirmClose" append-to-body>
-                    <MyColumnAdd @closeDialog="closeDialog"></MyColumnAdd>
-                </el-dialog>
-                <!-- 棰勮娑堟伅 -->
-                <el-dialog title="娑堟伅棰勮" :visible.sync="dialogView" v-if="dialogView" width="60%"
-                    :before-close="handleConfirmClose" append-to-body>
-                    <MyColView  :info="info" @closeDialog="closeDialog"></MyColView>
-                </el-dialog>
             </div>
         </main>
     </div>
 </template>
 <script>
 import MyEditor from '@/components/edit'
+import { sendMessage } from "@/api/operate/messageManagement";
+
 export default {
     components: { MyEditor },
     data() {
-        const validateNickname = (rule, value, callback) => {
-            if (!value) {
-                callback(new Error("璇峰~鍐欐秷鎭爮鐩�"));
-            } else {
-                callback();
-            }
-        };
-        const validatePass = (rule, value, callback) => {
-            if (!value) {
-                callback();
-            } else {
-                callback();
-            }
-        };
-        const validateTruename = (rule, value, callback) => {
-            if (value.length !== 0) {
-                callback();
-            } else {
-                callback(new Error('璇烽�夋嫨鎺ユ敹瀵硅薄'));
-            }
-        };
+        const validateMessageContent = (rule, value, callback) => {
+          if (!value) {
+            callback(new Error('璇疯緭鍏ョ煭淇″唴瀹�'));
+          } else {
+            callback();
+          }
+      }
         return {
             role: {
                 messageType: '',
@@ -108,18 +71,21 @@
                 targetTo: '',
                 targetFrom: null,
                 body: '',
-                channelCode: '01',
+                channelCode: '02'
             },
-            createRoleRules: {
+            rules: {
                 messageType: [
-                    { required: true, trigger: "blur", validator: validateNickname },
+                    { required: true, trigger: ['blur', 'change'], message: '璇烽�夋嫨鐭俊妯℃澘' },
                 ],
                 head: [
-                    { required: false, trigger: "blur", validator: validatePass },
+                    { required: true, trigger: "blur", message: '璇疯緭鍏ョ煭淇℃爣棰�' },
                 ],
                 targetTo: [
-                    { required: false, trigger: "blur", validator: validateTruename },
+                    { required: true  , trigger: "blur", message: '璇烽�夋嫨鎺ユ敹浜�' },
                 ],
+                body: [
+                  { required: true, trigger: ['blur', 'change'], validator: validateMessageContent }
+                ]
             },
             colList: [],
             departList: [],
@@ -128,16 +94,11 @@
             dialogView: false,
             defaultProps: {
                 children: 'children',
-                label: 'departName',
-                // disabled: function (data, node) {
-                //     if (data.createTime) {
-                //         return !data.leaf
-                //     }
-                // }
+                label: 'departName'
             },
             checkedList: [],
             tempNameArr:[],
-            info:{},
+            info: {},
             sendUser:""
         }
     },
@@ -166,7 +127,6 @@
                 url: 'sccg/message_column/getAllColumn'
             })
                 .then(res => {
-                    console.log(res);
                     arr = res.data;
                 })
             return arr;
@@ -198,10 +158,8 @@
         // 澶勭悊閮ㄩ棬鏍�
         async filterDepartList() {
             let arr = await this.getDepartList();
-            const { setChildren } = this;
-            // console.log(setChildren);
             arr.forEach(item => {
-                setChildren(item);
+                this.setChildren(item);
             })
             return arr;
         },
@@ -224,62 +182,36 @@
         },
         // 閫変腑id
         handleCheck(data, node) {
-            let arr = [],nameArr = []
-            console.log(node.checkedNodes)
             node.checkedNodes.forEach(item => {
                 if(!item.hasOwnProperty('departType')){
-                    arr.push(item.id)
-                    nameArr.push(item.departName)
+                    this.checkedList.push(item.id)
+                    this.tempNameArr.push(item.departName)
                 }
             })
-            this.checkedList = arr
-            this.tempNameArr = nameArr
-            console.log(this.tempNameArr)
-            this.role.targetTo = arr.length + '浜�'
+            this.role.targetTo = this.checkedList.length + '浜�';
         },
         // 鏂板缓/淇濆瓨娑堟伅(1:鏂板缓,0淇濆瓨娑堟伅)
         handleSubmit(mystatus) {
-            this.$refs.user.validate((valid) => {
+          this.role.body = this.$refs.edit.editor.txt.html();
+          this.$refs.user.validate((valid) => {
                 if (valid) {
-                    const { role, checkedList } = this;
-                    console.log(checkedList);
-                    this.$axios({
-                        method: 'post',
-                        url: 'sccg/message/sendMessage',
-                        data: {
-                            body: role.body,
-                            channelCode: '03',
-                            head: role.head,
-                            messageType: role.messageType,
-                            sendTime: new Date(),
-                            targetTo: checkedList.join(','),
-                            targetFrom: `${role.targetFrom}`,
-                            status: mystatus,
-                        }
-                    })
-                        .then(res => {
-                            if (res.code === 200) {
-                                this.$message({
-                                    type: 'success',
-                                    message: mystatus === 1 ? '鍙戦�佹垚鍔�' : '淇濆瓨鎴愬姛',
-                                })
-                                this.$emit('closeMyDialog', { flag: false, index: 1 });
-                            }
-                        })
+                  const params = Object.assign({}, this.role);
+                  params.targetTo = this.checkedList.join(',');
+                  params.status = mystatus;
+                  sendMessage(params)
+                      .then(() => {
+                        this.$message({ type: 'success', message: '鎿嶄綔鎴愬姛' });
+                        this.$emit('closeDialog');
+                      })
+                      .catch(err => this.$message({ type: 'error', message: err }));
                 } else {
-                    return false;
+                  this.$message.warning('璇锋鏌ュ繀濉」');
                 }
             })
-        },
-        // 鑾峰緱娑堟伅浣�
-        getMyBody(obj) {
-            console.log(obj);
-            this.role.body = obj;
         },
         // 閲嶇疆琛ㄥ崟
         handleReset() {
             this.$refs.edit.editor.txt.clear();
-            // this.$refs.edit.wangEditor.txt.html('<p><br></p>') 
             this.setDepartList();
             this.$refs.user.resetFields();
         },
@@ -294,39 +226,8 @@
                     this.role.targetFrom = res.data.userId
                     this.sendUser = res.data.username
                 })
-        },
-        // 娑堟伅棰勮
-        handleView() {
-            this.$refs.user.validate((valid) => {
-                if (valid) {
-                    const { role,getColText,tempNameArr,sendUser } = this
-                    this.dialogView = true;
-                    let info = {}
-                    // 鑾峰緱鏍忕洰娑堟伅
-                    info.channelCode = role.channelCode === '01'? '绔欏唴淇�': role.channelCode === '02' ? '閭欢':'鐭俊'
-                    info.messageType = getColText(role.messageType)
-                    info.body = role.body
-                    info.head = role.head
-                    info.targetTo = tempNameArr
-                    info.targetFrom = sendUser
-                    this.info = info
-                } else {
-                    return false
-                }
-            })
-        },
-        // 鑾峰緱鏍忕洰娑堟伅
-        getColText(id){
-            console.log(id)
-            const {colList} = this
-            let str = ''
-            colList.forEach(item=>{
-                item.id === id ? str = item.columnName : '' 
-            })
-            return str
         }
-    },
-    props: ['closeMyDialog']
+    }
 }
 </script>
 <style lang="scss" scoped>
@@ -336,7 +237,6 @@
 
     main {
         text-align: left;
-        padding: 0 55px;
         background-color: #09152f;
         padding-bottom: 50px;
 

--
Gitblit v1.8.0