From 12fd8f6b04b26ef02bccdf5fd0bcefb59541c7f6 Mon Sep 17 00:00:00 2001
From: “dzb” <2632970487@qq.com>
Date: 星期三, 02 十一月 2022 17:04:23 +0800
Subject: [PATCH] :预警研判

---
 src/views/operate/message/myIndex/createUser/index.vue |  179 +++++++++++++++++++++++++++++++++++++++++++++++------------
 1 files changed, 143 insertions(+), 36 deletions(-)

diff --git a/src/views/operate/message/myIndex/createUser/index.vue b/src/views/operate/message/myIndex/createUser/index.vue
index aff2598..2c25012 100644
--- a/src/views/operate/message/myIndex/createUser/index.vue
+++ b/src/views/operate/message/myIndex/createUser/index.vue
@@ -14,7 +14,7 @@
                                     </el-option>
                                 </el-select>
                             </div>
-                            <span class="message-add" @click='dialogCreate = true'>娣诲姞鏍忕洰</span>
+                            <span class="message-add" @click='dialogCreate = true'> 娣诲姞鏍忕洰</span>
                         </div>
                     </el-form-item>
                     <!-- 娑堟伅鏍囬 -->
@@ -26,10 +26,10 @@
                     <!-- 鎺ユ敹瀵硅薄 -->
                     <el-form-item class="optionItem" label="鎺ユ敹瀵硅薄:" prop="targetTo">
                         <div class="message-item__left">
-                            <el-select v-model="role.targetTo" multiple :placeholder="checkNum">
+                            <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">
+                                    <el-tree ref="tree" :data="departList" :props="defaultProps" show-checkbox
+                                        @check="handleCheck" default-expand-all node-key="id">
                                     </el-tree>
                                 </el-option>
                             </el-select>
@@ -37,27 +37,27 @@
                     </el-form-item>
                     <!-- 娑堟伅鍐呭 -->
                     <el-form-item class="optionItem" label="娑堟伅鍐呭:" prop="body">
-                        <MyEditor :content="role.body"></MyEditor>
+                        <MyEditor ref="edit" @getMyBody="getMyBody"></MyEditor>
                         <!-- <el-input type="textarea" v-model="role.description" placeholder="璇疯緭鍏ユ弿杩板唴瀹�200瀛椾互鍐�"></el-input> -->
                     </el-form-item>
                     <!-- 鎻愰啋鏂瑰紡 -->
                     <el-form-item class="optionItem" label="鎻愰啋鏂瑰紡:" prop="channelCode">
                         <el-radio-group v-model="role.channelCode">
-                            <el-radio :label="1">绔欏唴淇�</el-radio>
-                            <el-radio :label="2">閭欢</el-radio>
-                            <el-radio :label="3">鐭俊</el-radio>
+                            <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" class="btn save">淇濆瓨
+                            <el-button type="primary" @click.native.prevent="handleSubmit(0)" class="btn save">淇濆瓨
                             </el-button>
-                            <el-button type="primary" class="btn submit">鍙戝竷
+                            <el-button type="primary" @click.native.prevent="handleSubmit(1)" class="btn submit">鍙戝竷
                             </el-button>
-                            <el-button type="primary" class="btn submit">棰勮
+                            <el-button type="primary" @click.native.prevent="handleView" class="btn submit">棰勮
                             </el-button>
-                            <el-button class="btn cancel">閲嶇疆</el-button>
+                            <el-button class="btn cancel" @click.native.prevent="handleReset">閲嶇疆</el-button>
                         </div>
                     </el-form-item>
                 </el-form>
@@ -66,6 +66,11 @@
                     :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>
@@ -73,8 +78,9 @@
 <script>
 import MyEditor from '@/components/edit'
 import MyColumnAdd from '@/views/operate/message/mycontrol/createUser'
+import MyColView from '../messageView'
 export default {
-    components: { MyEditor, MyColumnAdd },
+    components: { MyEditor, MyColumnAdd,MyColView },
     data() {
         const validateNickname = (rule, value, callback) => {
             if (!value) {
@@ -91,10 +97,10 @@
             }
         };
         const validateTruename = (rule, value, callback) => {
-            if (value) {
+            if (value.length !== 0) {
                 callback();
             } else {
-                callback();
+                callback(new Error('璇烽�夋嫨鎺ユ敹瀵硅薄'));
             }
         };
         return {
@@ -102,39 +108,45 @@
                 messageType: '',
                 head: '',
                 targetTo: '',
+                targetFrom: null,
                 body: '',
-                channelCode: 1,
+                channelCode: '01',
             },
             createRoleRules: {
-                name: [
+                messageType: [
                     { required: true, trigger: "blur", validator: validateNickname },
                 ],
-                type: [
+                head: [
                     { required: false, trigger: "blur", validator: validatePass },
                 ],
-                description: [
+                targetTo: [
                     { required: false, trigger: "blur", validator: validateTruename },
                 ],
             },
             colList: [],
             departList: [],
-            checkNum: '璇烽�夋嫨鎺ユ敹瀵硅薄',
             typeList: [],
             dialogCreate: false,
+            dialogView: false,
             defaultProps: {
                 children: 'children',
                 label: 'departName',
-                disabled: function (data, node) {
-                    if (data.createTime) {
-                        return !data.leaf
-                    }
-                } 
+                // disabled: function (data, node) {
+                //     if (data.createTime) {
+                //         return !data.leaf
+                //     }
+                // }
             },
+            checkedList: [],
+            tempNameArr:[],
+            info:{},
+            sendUser:""
         }
     },
     created() {
         this.setColumnList();
         this.setDepartList();
+        this.getLoginUserInfo();
     },
     methods: {
         // 鍏抽棴寮圭獥
@@ -200,11 +212,11 @@
             if (obj.children !== null) {
                 if (obj.children.length !== 0) {
                     obj.children.forEach(item => {
-                        return this.setChildren(item); 
+                        return this.setChildren(item);
                     })
                 }
             } else {
-                if (obj.userInfoDTOS.length !== 0) { 
+                if (obj.userInfoDTOS.length !== 0) {
                     obj.children = [];
                     obj.userInfoDTOS.forEach(item => {
                         obj.children.push({ id: item.userId, departName: item.username })
@@ -214,16 +226,109 @@
         },
         // 閫変腑id
         handleCheck(data, node) {
-            console.log(node.checkedKeys);
-            // this.checkList = node.checkedKeys;
-            // if(node.checkedKeys.length === 1){
-            //     this.role.targetTo = data.departName;
-            // }
-            // let per = node.checkedKeys.length;
-            // per ===0 ? this.checkNum="璇烽�夋嫨鎺ユ敹瀵硅薄" : this.checkNum = ''+per;
+            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 = arr
+            this.tempNameArr = nameArr
+            console.log(this.tempNameArr)
+            this.role.targetTo = arr.length + '浜�'
+        },
+        // 鏂板缓/淇濆瓨娑堟伅(1:鏂板缓,0淇濆瓨娑堟伅)
+        handleSubmit(mystatus) {
+            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: `${role.channelCode}`,
+                            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 });
+                            }
+                        })
+                } else {
+                    return false;
+                }
+            })
+        },
+        // 鑾峰緱娑堟伅浣�
+        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();
+        },
+        // 鑾峰彇褰撳墠鐧诲綍鐢ㄦ埛淇℃伅
+        getLoginUserInfo() {
+            const name = sessionStorage.getItem('name');
+            this.$axios({
+                method: 'get',
+                url: 'sccg/admin/info?name=' + name,
+            })
+                .then(res => {
+                    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: ['']
+    props: ['closeMyDialog']
 }
 </script>
 <style lang="scss" scoped>
@@ -241,7 +346,9 @@
             display: flex;
             justify-content: center;
             padding-top: 50px;
-
+            &:deep(.el-dialog__title) {
+                color: #4b9bb7;
+            }
             &::v-deep .el-form-item__label {
                 color: #4b9bb7;
             }

--
Gitblit v1.8.0