修改富文本编辑器添加选择字体大小背景颜色功能

operationSupport/src/components/Tinymce/index.vue

@@ -121,6 +121,7 @@ export default {
         initTinymce() {
             const _this = this;
             window.tinymce.init({
+                fontsize_formats: '8pt 10pt 12pt 13pt 14pt 15pt 16pt 17pt 18pt 19pt 20pt 24pt 36pt',
                 language: 'zh_CN',
                 selector: `#${this.tinymceId}`,
                 //状态栏指的是编辑器最底下、左侧显示dom信息、右侧显示Tiny版权链接和调整大小的那一条。默认是显示的，设为false可将其隐藏

operationSupport/src/components/Tinymce/plugins.js

@@ -1,8 +1,12 @@
 // Any plugins you want to use has to be imported
 // Detail plugins list see https://www.tinymce.com/docs/plugins/
 // Custom builds see https://www.tinymce.com/download/custom-builds/
+// const plugins = [
+//     ' advlist  <br> anchor autolink autosave code codesample colorpicker colorpicker contextmenu directionality emoticons fullscreen hr image imagetools insertdatetime link lists media nonbreaking noneditable pagebreak paste preview print save searchreplace spellchecker tabfocus table template textcolor textpattern visualblocks visualchars wordcount'
+// ];
 
-const plugins = ['fullscreen'];
-// const plugins = [' anchor autolink autosave code codesample colorpicker colorpicker contextmenu hr  link  noneditable pagebreak paste  print save  spellchecker tabfocus table template textcolor textpattern visualblocks visualchars wordcount']
+// const plugins = ['fullscreen'];
+const plugins = ['  colorpicker contextmenu directionality  fullscreen hr ', 'textcolor textpattern visualblocks visualchars wordcount'];
+// const plugins = ['fullscreen save searchreplace spellchecker tabfocus template textcolor'];
 
 export default plugins;

operationSupport/src/components/Tinymce/toolbar.js

@@ -1,8 +1,17 @@
 // Here is a list of the toolbar
 // Detail list see https://www.tinymce.com/docs/advanced/editor-control-identifiers/#toolbarcontrols
+// const toolbar = [
+//     'hr bullist numlist link image charmap preview anchor pagebreak insertdatetime media table emoticons forecolor backcolor fullscreen',
+//     'searchreplace bold italic underline strikethrough alignleft aligncenter alignright outdent indent  blockquote undo redo removeformat subscript superscript code codesample'
+// ];
 
+// const toolbar = [
+//     'hr bullist numlist  insertdatetime    forecolor backcolor fontselect  fontsizeselect fullscreen ',
+//     'searchreplace bold italic underline strikethrough alignleft aligncenter alignright outdent indent  blockquote undo redo removeformat subscript superscript'
+// ];
 const toolbar = [
-    'searchreplace bold italic underline strikethrough alignleft aligncenter alignright outdent indent  blockquote undo redo removeformat subscript superscript code codesample fullscreen'
+    'searchreplace  bold italic underline strikethrough alignleft aligncenter alignright outdent indent  blockquote undo redo removeformat codesample hr bullist emoticons forecolor backcolor  ',
+    '<br> fontselect  fontsizeselect fullscreen '
 ];
 
 export default toolbar;

operationSupport/src/utils/http.js

@@ -1,7 +1,7 @@
 import axios from 'axios';
 import qs from 'qs';
 import Vue from 'vue';
-import config from '@/config'
+import config from '@/config';
 
 // 获取CancelToken
 const CancelToken = axios.CancelToken;
@@ -19,17 +19,13 @@ http.interceptors.request.use(
             config.url = config.url;
         } else if (config.url.indexOf('/operation-manager') !== -1) {
             config.url = config.url;
-        }
-        else if (config.url.indexOf('/zoniot-water') !== -1) {
+        } else if (config.url.indexOf('/zoniot-water') !== -1) {
             config.url = config.url;
-        }
-        else if (config.url.indexOf('/sc-user-center') !== -1) {
+        } else if (config.url.indexOf('/sc-user-center') !== -1) {
             config.url = config.url;
-        }
-        else if (config.url.indexOf('/sc-community') !== -1) {
+        } else if (config.url.indexOf('/sc-community') !== -1) {
             config.url = config.url;
-        }
-        else if (config.url.indexOf('/sc-charge') !== -1) {
+        } else if (config.url.indexOf('/sc-charge') !== -1) {
             config.url = config.url;
         }
         // else {
@@ -61,43 +57,52 @@ http.interceptors.response.use(
                 window.relogin = true;
                 let data = response.data.data;
                 if (data == 0) {
-                    Vue.prototype.$msgBox('你的登录已超时,请重新登录', '', 'warning', {
-                        width: '290px',
-                        showCancelButton: false,
-                        confirmButtonText: '确定',
-                        showClose: false
-                    }).then(() => {
-                        window.open(config.loginUrl, '_self');
-                        window.relogin = false;
-                        localStorage.removeItem('SC_token');
-                    }).catch(() => { });
+                    Vue.prototype
+                        .$msgBox('你的登录已超时,请重新登录', '', 'warning', {
+                            width: '290px',
+                            showCancelButton: false,
+                            confirmButtonText: '确定',
+                            showClose: false
+                        })
+                        .then(() => {
+                            window.open(config.loginUrl, '_self');
+                            window.relogin = false;
+                            localStorage.removeItem('SC_token');
+                        })
+                        .catch(() => {});
                 } else if (data == 1) {
-                    Vue.prototype.$msgBox('该账号已在其他地址登录,如需访问请重新登录', '', 'warning', {
-                        width: '290px',
-                        showCancelButton: false,
-                        confirmButtonText: '确定',
-                        showClose: false
-                    }).then(() => {
-                        window.open(config.loginUrl, '_self');
-                        window.relogin = false;
-                        localStorage.removeItem('SC_token');
-                    }).catch(() => { });
+                    Vue.prototype
+                        .$msgBox('该账号已在其他地址登录,如需访问请重新登录', '', 'warning', {
+                            width: '290px',
+                            showCancelButton: false,
+                            confirmButtonText: '确定',
+                            showClose: false
+                        })
+                        .then(() => {
+                            window.open(config.loginUrl, '_self');
+                            window.relogin = false;
+                            localStorage.removeItem('SC_token');
+                        })
+                        .catch(() => {});
                 } else {
-                    Vue.prototype.$msgBox('你的账号已被停用,如有问题请联系管理员', '', 'warning', {
-                        width: '290px',
-                        showCancelButton: false,
-                        confirmButtonText: '确定',
-                        showClose: false
-                    }).then(() => {
-                        window.open(config.loginUrl, '_self');
-                        window.relogin = false;
-                        localStorage.removeItem('SC_token');
-                    }).catch(() => { });
+                    Vue.prototype
+                        .$msgBox('你的账号已被停用,如有问题请联系管理员', '', 'warning', {
+                            width: '290px',
+                            showCancelButton: false,
+                            confirmButtonText: '确定',
+                            showClose: false
+                        })
+                        .then(() => {
+                            window.open(config.loginUrl, '_self');
+                            window.relogin = false;
+                            localStorage.removeItem('SC_token');
+                        })
+                        .catch(() => {});
                 }
-            })
+            });
             return;
         }
-        if (axios.isCancel(err)) return new Promise(() => { }); // 取消请求的情况下，终端Promise调用链
+        if (axios.isCancel(err)) return new Promise(() => {}); // 取消请求的情况下，终端Promise调用链
         return Promise.reject(err);
     }
 );

operationSupport/src/views/propertyManagement/inform.vue

@@ -348,7 +348,7 @@ export default {
                 popCommunityId: '', //所属社区
                 //发布对象
                 issueRoom: {
-                    checkAll: true,
+                    checkAll: false,
                     radioRoom: '',
                     staff: false,
                     radioStaff: ''
@@ -370,6 +370,7 @@ export default {
                 title: [{ required: true, message: '请输入标题', trigger: 'blur' }],
                 exigencyOr: [{ required: true, message: '请选择是否紧急', trigger: 'change' }],
                 activeTime: [{ required: true, message: '请选择时间', trigger: 'change' }],
+                issueRoom: [{ required: true, message: '请选择发布对象', trigger: 'change' }],
                 informContent: [{ required: true, message: '请选择内容', trigger: 'blur' }] //通知内容
             },
             // 输入地址
@@ -449,9 +450,16 @@ export default {
             houseData: [],
             peopleData: [],
             // 选中的房间
-            selectDataHouseTreeData: {},
+            selectDataHouseTreeData: {
+                checkData: [],
+                userID: [],
+                userList: []
+            },
             // 选中的人员
-            selectDataPeopleTreeData: {},
+            selectDataPeopleTreeData: {
+                checkData: [],
+                userList: []
+            },
             // 文件上传地址
             uploadFileUrl: []
         };
@@ -550,24 +558,27 @@ export default {
         // 添加弹框下拉框变化
         changeCommunity(val) {
             console.log('添加弹框下拉框变化', val);
-            if (this.ruleForm.issueRoom.checkAll) {
-                this.$http
-                    .get('/sc-community/assets/tree/community/find', { buildingType: this.buildingType })
-                    .then(({ status, data, msg }) => {
-                        if (status === 0 && data) {
-                            this.$refs.selectTreeHouse.filterhouse(val, data);
-                            this.ruleForm.issueRoom.radioRoom = '全部房间';
-                        } else {
-                            this.$message.warning('获取房间失败');
-                        }
-                    });
-            }
+            this.$http
+                .get('/sc-community/assets/tree/community/find', { buildingType: this.buildingType })
+                .then(({ status, data, msg }) => {
+                    if (status === 0 && data) {
+                        this.$refs.selectTreeHouse.filterhouse(val, data);
+                        this.ruleForm.issueRoom.checkAll = true;
+                        this.ruleForm.issueRoom.radioRoom = '全部房间';
+                        this.ruleForm.issueRoom.radioStaff = '';
+                        this.ruleForm.issueRoom.staff = false;
+                    } else {
+                        this.$message.warning('获取房间失败');
+                    }
+                });
         },
 
         // 选中的房间
         selectDataHouseTree(val) {
-            this.selectDataHouseTreeData = val;
             this.selectDataHouseTreeData.userID = [];
+            this.selectDataPeopleTreeData.userList = [];
+            this.selectDataHouseTreeData = val;
+
             // 获取房间下的usid
             this.$http.post('/sc-community-web/notice/queryHouseUser', val.userList).then((res) => {
                 if (res.status === 0) {
@@ -599,7 +610,11 @@ export default {
         },
         //选择员工复选框变化
         changeCheckboxStaffRoom(val) {
-            console.log('监听复选框变化', val);
+            console.log('员工复选框变化', val);
+            if (!this.ruleForm.popCommunityId) {
+                this.ruleForm.issueRoom.staff = false;
+                return this.$message.warning('请先选择社区');
+            }
             if (val) {
                 this.ruleForm.issueRoom.radioStaff = '全部员工';
                 this.ruleForm.issueRoom.checkAll = false;
@@ -614,14 +629,22 @@ export default {
                 this.$refs.selectTreeHouse.selectAllHouse();
             }
         },
-        // 选择房间单选框变化
+        // 选择房间复选框变化
         changeCheckboxRoom(val) {
+            console.log('选择房间复选框变化', val);
+            if (!this.ruleForm.popCommunityId) {
+                this.ruleForm.issueRoom.checkAll = false;
+                return this.$message.warning('请先选择社区');
+            }
             if (val) {
                 this.ruleForm.issueRoom.staff = false;
                 this.ruleForm.issueRoom.checkAll = true;
                 this.ruleForm.issueRoom.radioRoom = '全部房间';
                 this.ruleForm.issueRoom.radioStaff = '';
                 this.$refs.selectTreeHouse.selectAllHouse();
+            } else {
+                this.ruleForm.issueRoom.radioRoom = '';
+                this.$refs.selectTreeHouse.selectHouseOr();
             }
         },
         // 指定员工
@@ -677,13 +700,18 @@ export default {
             this.showDetail = true;
             this.rowDetail = '';
             this.showUploadImage = false;
-            this.ruleForm.issueRoom.checkAll = true;
+            this.ruleForm.issueRoom.checkAll = false;
+            this.ruleForm.issueRoom.radioRoom = '';
+            this.ruleForm.issueRoom.staff = false;
+            this.ruleForm.issueRoom.radioStaff = '';
+
             this.filePath = '';
             this.uploadFileUrl = [];
             this.fileList = [];
+            this.$refs['ruleForm'].resetFields();
+
             this.$refs.endit.setContent(this.contents);
             this.$refs.upImages.clearImageList();
-            this.$refs['ruleForm'].resetFields();
         },
         /**查询按钮*/
         searchInfo() {
@@ -710,11 +738,18 @@ export default {
          * */
         dialogButton(type) {
             if (type === 'prev') {
-                // if (this.selectDataHouseTreeData.userID.length < 1 && this.selectDataPeopleTreeData.userList.length < 1) {
-                //     return this.$message.warning('请选择房间');
-                // }
                 this.$refs['ruleForm'].validate((valid) => {
                     if (valid) {
+                        console.log('dialogButton');
+                        console.log('this.selectDataHouseTreeData', this.selectDataHouseTreeData);
+                        console.log('this.selectDataPeopleTreeData', this.selectDataPeopleTreeData);
+                        if (
+                            this.selectDataHouseTreeData.userList.length === 0 &&
+                            this.selectDataPeopleTreeData &&
+                            this.selectDataPeopleTreeData.userList.length === 0
+                        ) {
+                            return this.$message.warning('请选择发布对象');
+                        }
                         // this.showDetail = false;
                         let startTime = this.$moment(this.ruleForm.activeTime[0]).format(`YYYY-MM-DDTHH:mm:ss`);
                         let endTime = this.$moment(this.ruleForm.activeTime[1]).format(`YYYY-MM-DDTHH:mm:ss`);

operationSupport/src/views/propertyManagement/style.scss

@@ -1,48 +1,47 @@
- 
 $fontSizeSmall: 14px;
 // 弹框格式
 /deep/ .el-dialog__header {
     background-color: #f8fcff;
 }
 /deep/ .el-dialog__body {
-    padding: 20px 30px 30px ;
+    padding: 20px 30px 30px;
 }
 // 表格样式
 // /deep/ .el-table th.is-leaf, .el-table td{
-    // 添加表格边框
-    // border-right:     1px solid #EBEEF5;
-// } 
-/deep/ .el-table--fit{
-    border:none;
+// 添加表格边框
+// border-right:     1px solid #EBEEF5;
+// }
+/deep/ .el-table--fit {
+    border: none;
     // box-shadow: 0px 0px 1px 3px white;
-} 
-/deep/ .el-table td:first-child{
+}
+/deep/ .el-table td:first-child {
     text-align: center;
-} 
-/deep/ .el-table th:first-child{
+}
+/deep/ .el-table th:first-child {
     text-align: center;
 }
-/deep/ .el-table thead{
+/deep/ .el-table thead {
     color: #424656;
-} 
+}
 // 按钮样式
-.dialog-footer{
+.dialog-footer {
     text-align: end;
 }
 // 表格内容溢出隐藏
-/deep/ .el-table_1_column_8 div p{
+/deep/ .el-table_1_column_8 div p {
     width: 230px;
     overflow: hidden;
     white-space: nowrap;
-    -o-text-overflow:ellipsis;//浏览器兼容
+    -o-text-overflow: ellipsis; //浏览器兼容
     text-overflow: ellipsis;
 }
-    .statusColor{
-        color: #FF7F7F;
-    }
-.add{
+.statusColor {
+    color: #ff7f7f;
+}
+.add {
     float: right;
-    img{
+    img {
         width: 30px;
         height: 30px;
         cursor: pointer;
@@ -86,19 +85,19 @@ $fontSizeSmall: 14px;
     }
     // 图片/视频样式
     .images {
-        width:  80px;
+        width: 80px;
         height: 60px;
         vertical-align: middle;
         border-radius: 4px;
         margin-right: 10px;
-       /deep/ .el-image__preview{
-           background: #ccc;
-           width: 100%;
-           object-fit:fill;
+        /deep/ .el-image__preview {
+            background: #ccc;
+            width: 100%;
+            object-fit: fill;
         }
     }
- 
-    .videos{
+
+    .videos {
         @extend .images;
     }
     // 记录部分
@@ -109,26 +108,25 @@ $fontSizeSmall: 14px;
         background: #f4f7f9;
 
         .recored-detali-row {
-            margin:  10px;
+            margin: 10px;
             line-height: 14px;
             font-size: $fontSizeSmall;
-            
         }
         .circle {
             width: 14px;
             height: 14px;
             margin-right: 10px;
         }
-        .circle+span{
+        .circle + span {
             margin-right: 10px;
             font-size: 14px;
             color: #424656;
         }
-        .circle+span+span{
-            font-size: 12px ;
-            color: #AAADBA ;
+        .circle + span + span {
+            font-size: 12px;
+            color: #aaadba;
         }
-      
+
         .recored-detali-rows {
             display: flex;
             margin-left: 7px;
@@ -145,27 +143,27 @@ $fontSizeSmall: 14px;
                 margin-left: 26px;
             }
         }
-        .recored-detali{
+        .recored-detali {
             position: relative;
-            .last-row-right{
+            .last-row-right {
                 position: absolute;
                 right: 10px;
                 bottom: 20px;
-                color: #0EAEFF;
+                color: #0eaeff;
             }
-        .last-row-btn {
-            position: absolute;
-            top: 10px;
-            right: 0px;
-            width: 63px;
-            height: 30px;
-        }
-        .statusColor{
-                color: #FF7F7F;;
+            .last-row-btn {
+                position: absolute;
+                top: 10px;
+                right: 0px;
+                width: 63px;
+                height: 30px;
             }
-    }
+            .statusColor {
+                color: #ff7f7f;
+            }
+        }
 
-        .columns{
+        .columns {
             display: flex;
             justify-content: flex-start;
         }
@@ -205,443 +203,452 @@ $fontSizeSmall: 14px;
         }
         // 回复计数字体样式
         /deep/ .el-input__count {
-                bottom:-2px;
-                font-size: 12px;
-                -webkit-transform-origin-x: 0;
-                -webkit-transform: scale(0.80);
+            bottom: -2px;
+            font-size: 12px;
+            -webkit-transform-origin-x: 0;
+            -webkit-transform: scale(0.8);
         }
     }
-    // 
+    //
 }
 // 物业电话样式
-.phone{
-    /deep/.search-btn{
+.phone {
+    /deep/.search-btn {
         height: 31px;
     }
-    .opt{
-        img{
+    .opt {
+        img {
             margin-right: 20px;
-                width: 14px;
-                height: 14px;
-                line-height: 14px;
-                &:last-child {
-                    margin-right: 0;
-                }
+            width: 14px;
+            height: 14px;
+            line-height: 14px;
+            &:last-child {
+                margin-right: 0;
+            }
         }
     }
     // 添加弹框样式
-    .dialog-info{
-        /deep/ .el-dialog__header{
+    .dialog-info {
+        /deep/ .el-dialog__header {
             display: none;
         }
-        /deep/ .el-dialog__body{
+        /deep/ .el-dialog__body {
             padding: 0;
         }
-        .dialog{
-            .dialog-header{
+        .dialog {
+            .dialog-header {
                 position: relative;
                 width: 100%;
                 height: 50px;
-                background-color: #F8FCFF;
-                .el-dialog__close{
+                background-color: #f8fcff;
+                .el-dialog__close {
                     position: absolute;
                     right: 10px;
-                    top:10px;
+                    top: 10px;
+                }
+                .dialogTitle {
+                    position: absolute;
+                    top: 10px;
+                    left: 24px;
+                }
+            }
+            .dialog-content {
+                padding: 27px 24px 4px 36px;
+
+                /deep/ .el-select > .el-input {
+                    width: 324px;
+                }
+                /deep/ .el-select,
+                .dialog-select,
+                .el-select--small {
+                    width: 100% !important;
+                }
+                /deep/ .el-input,
+                .l-input--small,
+                .el-input--suffix {
+                    width: 100% !important;
+                }
+                /deep/ .el-upload {
+                    width: 92px !important;
+                    height: 30px !important;
+                }
+                .dialog-footer {
+                    button {
+                        width: 68px;
+                        height: 30px;
+                    }
+                    .el-button + .el-button {
+                        margin-left: 15px;
+                    }
                 }
-            .dialogTitle{
-                position: absolute;
-                top: 10px;
-                left: 24px;
             }
         }
-        .dialog-content{
-            padding: 27px 24px 4px 36px;
-        
-        /deep/ .el-select > .el-input{
-            width: 324px;
-        }
-        /deep/ .el-select,.dialog-select,.el-select--small{
-            width: 100% !important;
-        }
-        /deep/ .el-input,.l-input--small,.el-input--suffix{
-            width: 100% !important;
+    }
+    // 删除弹框
+    .dialog-delete {
+        /deep/ .el-dialog__title {
+            font-size: 18px;
+            font-weight: bold;
         }
-       /deep/ .el-upload{
-            width: 92px !important;
-            height: 30px !important;
+        .el-button + .el-button {
+            margin-left: 20px;
         }
-        .dialog-footer{
-            button{
-              width:  68px;
-              height: 30px;
+        .dialog-deletecontent {
+            margin-top: 10px;
+            display: flex;
+            .dialog-icon {
+                width: 45px;
+                height: 45px;
             }
-            .el-button + .el-button{
-                margin-left: 15px;
+            .dialog-icon + div {
+                margin-left: 10px;
+                :first-child {
+                    font-size: 16px !important;
+                }
+                p {
+                    font-size: 14px;
+                    font-weight: bold;
+                    .delete-name {
+                        color: #ff7f7f;
+                    }
+                }
             }
         }
-           
-        }
-    }
-    }
-// 删除弹框
-.dialog-delete{
-    /deep/ .el-dialog__title{
-        font-size: 18px;
-        font-weight: bold ;
-    } 
-    .el-button + .el-button{
-        margin-left: 20px;
     }
-    .dialog-deletecontent{
-        margin-top: 10px;
-       display: flex;
-       .dialog-icon{
-           width: 45px;
-           height: 45px;
-       }
-       .dialog-icon+div{
-           margin-left: 10px;
-           :first-child{
-               font-size: 16px !important;
-           }
-           p{
-               font-size: 14px;
-               font-weight: bold;
-               .delete-name{
-                color: #FF7F7F;
-                }
-           }
-        
-       }
-      
-    }
-   
 }
 
-}   
-
 // 通知公公告样式
-.inform{
-     // 添加弹框样式
-     .dialog-info{
-        /deep/ .el-dialog__header{
+.inform {
+    // 添加弹框样式
+    .dialog-info {
+        /deep/ .el-dialog__header {
             display: none;
             min-width: 1080px;
         }
-        /deep/ .el-dialog__body{
+        /deep/ .el-dialog__body {
             padding: 0;
         }
-        .dialog{
-            .dialog-header{
+        .dialog {
+            .dialog-header {
                 position: relative;
                 width: 100%;
                 height: 50px;
-                background-color: #F8FCFF;
-                .el-dialog__close{
+                background-color: #f8fcff;
+                .el-dialog__close {
                     position: absolute;
                     right: 10px;
-                    top:10px;
+                    top: 10px;
                 }
-            .dialogTitle{
-                position: absolute;
-                top: 10px;
-                left: 24px;
-            }
-        }
-    .dialog-contents{
-            width: 101%;
-            height: 100%;
-            display: flex;
-/deep/ .el-radio-group{
-    margin-left: 10px;
-}
-        .dialog-left{
-            width: 65%;
-            padding: 27px 20px 40px 24px;
-            .dialog-select{
-              width: 100%;
-              /deep/ .el-select>.el-input{
-                width: 100%;
-            }
-            }
-            // .up-image{
-            //    width: 223px;
-            //    height: 100px;
-            // }
-        .dialog-footer{
-            position: absolute;
-            right: 24px;
-            bottom: 0px;
-            button{
-              width:  68px;
-              height: 30px;
-            }
-            .el-button + .el-button{
-                margin-left: 15px;
-            }
-        }
-        /deep/ .el-range-editor--small.el-input__inner{
-            width: 100% !important;
-        }
-     
-        .issueRoom{
-            display: flex;
-            // justify-content: space-around;
-
-            .organ-tree{
-                width: 100%;
-            }
-         /deep/ .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content{
-                background: #fff !important;
-            }
-        
-            .organ-tree{
-                padding: 0 !important;
-                width: auto;
-                /deep/ .tree-style-box{
-                    margin:0px 0 5px 0;
-                    border-radius: 4px;
-                }
-            }
-           
-            // justify-content: space-between;
-        }
-        .radio-room{
-            margin-right: 10px;
-        }
-        .selet-room{
-            display: flex;
-            justify-content: end;
-            /deep/ .el-input__inner{
-                // margin-left: 10px;
-                width: 275px;
-                padding-right: 10px;
-            }
-        }
-        }
-        .dialog-right{
-            width: 283px;
-            height: 570px;
-            border-radius: 24px;
-            border: 1px solid #E0E1E3;
-            margin: 20px 40px 70px ;
-            background-color: #FAFCFF;
-            .dialog-right-top{
-                text-align: center;
-                background: white;
-                border-top-right-radius: 28px;
-                border-top-left-radius: 28px;
-                border-bottom: none;
-                padding: 4px;
-                img{
-                background: white;
-                width: 100%;
-                width: 234px;
-                height: 8px;
-                text-align: center;
-            }
-
-            }
-            .dialog-right-header{
-                width: 100%;
-                padding: 24px 14px;
-                background: white;
-                :first-child{
-                    float: left;
-                    line-height: 20px;
-                }
-                :last-child{
-                    font-weight:bold;
-                    text-align: center;
-                }
-            }
-            .center-padding{
-                padding: 5px 0;
-            }
-           
-            .dialog-right-content{
-                background: white;
-                padding: 11px;
-                .dialog-title{
-                    display: flex;
-                .dialog-titles{
-                    font-size: 14px;
-                    color: #424656;
-                }
-                .dialog-urgency{
-                    border-radius: 15px;
-                    width: 36px;
-                    height: 15px;
-                    line-height: 15px;
-                    background-image: linear-gradient(to right,#F65B5B ,#FFA3A3 );
-                    font-size: 12px;
-                    -webkit-transform-origin-x: 0;
-                    -webkit-transform: scale(0.80);
-                    margin-left: 2px;
-                    margin-top: 2px;
-                    color: white;
-                    text-align: center;
-                }
-            }
-            .dialog-right-time{
-                font-size: 10px;
-                -webkit-transform-origin-x: 0;
-                -webkit-transform: scale(0.90);
-                color: #9BA6AF;
-                padding: 3px 0;
-            }
-            .dialog-right-time+div{
-                width: 100%;
-                border-bottom: 1px solid #EEEEEE;
-                margin-bottom: 10px;
-            }
-            .content{
-                width: 110%;
-                font-size: 10px;
-                color: #E0E1E3;
-                background-color: #fff;
-                -webkit-transform-origin-x: 0;
-                -webkit-transform: scale(0.92);
-            .content-text{
-                width: 100%;
-                color: #686B78;
-                text-indent: 2em;
-                background-color: #fff;
-               /deep/ img{
-                    width: 100%;
+                .dialogTitle {
+                    position: absolute;
+                    top: 10px;
+                    left: 24px;
                 }
             }
-            .content-inform{
-                width: 100%;
-                text-align: center;
-                margin: 50px  ;
-                :first-child{
-                    color: #373B49;
+            .dialog-contents {
+                width: 101%;
+                height: 100%;
+                display: flex;
+                /deep/ .el-radio-group {
+                    margin-left: 10px;
                 }
-              
-             }
-             .file-name{
-                 margin: 5px;
-                border-radius: 24px ;
-                width: 90%;
-                background: #fafcff;
-                .file-name-left{
-                    color: #0EAEFF ;
-                    font-size: 14px;
+                .dialog-left {
+                    width: 65%;
+                    padding: 27px 20px 40px 24px;
+                    .dialog-select {
+                        width: 100%;
+                        /deep/ .el-select > .el-input {
+                            width: 100%;
+                        }
+                    }
+                    // .up-image{
+                    //    width: 223px;
+                    //    height: 100px;
+                    // }
+                    .dialog-footer {
+                        position: absolute;
+                        right: 24px;
+                        bottom: 0px;
+                        button {
+                            width: 68px;
+                            height: 30px;
+                        }
+                        .el-button + .el-button {
+                            margin-left: 15px;
+                        }
+                    }
+                    /deep/ .el-range-editor--small.el-input__inner {
+                        width: 100% !important;
+                    }
+
+                    .issueRoom {
+                        display: flex;
+                        // justify-content: space-around;
+
+                        .organ-tree {
+                            width: 100%;
+                        }
+                        /deep/ .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
+                            background: #fff !important;
+                        }
+
+                        .organ-tree {
+                            padding: 0 !important;
+                            width: auto;
+                            /deep/ .tree-style-box {
+                                margin: 0px 0 5px 0;
+                                border-radius: 4px;
+                            }
+                        }
+
+                        // justify-content: space-between;
+                    }
+                    .radio-room {
+                        margin-right: 10px;
+                    }
+                    .selet-room {
+                        display: flex;
+                        justify-content: end;
+                        /deep/ .el-input__inner {
+                            // margin-left: 10px;
+                            width: 275px;
+                            padding-right: 10px;
+                        }
+                    }
                 }
-                .file-name-right{
-                    color: #424656;
+                .dialog-right {
+                    width: 283px;
+                    height: 570px;
+                    border-radius: 24px;
+                    border: 1px solid #e0e1e3;
+                    margin: 20px 40px 70px;
+                    background-color: #fafcff;
+                    .dialog-right-top {
+                        text-align: center;
+                        background: white;
+                        border-top-right-radius: 28px;
+                        border-top-left-radius: 28px;
+                        border-bottom: none;
+                        padding: 4px;
+                        img {
+                            background: white;
+                            width: 100%;
+                            width: 234px;
+                            height: 8px;
+                            text-align: center;
+                        }
+                    }
+                    .dialog-right-header {
+                        width: 100%;
+                        padding: 24px 14px;
+                        background: white;
+                        :first-child {
+                            float: left;
+                            line-height: 20px;
+                        }
+                        :last-child {
+                            font-weight: bold;
+                            text-align: center;
+                        }
+                    }
+                    .center-padding {
+                        padding: 5px 0;
+                    }
+
+                    .dialog-right-content {
+                        background: white;
+                        padding: 11px;
+                        .dialog-title {
+                            display: flex;
+                            .dialog-titles {
+                                font-size: 14px;
+                                color: #424656;
+                            }
+                            .dialog-urgency {
+                                border-radius: 15px;
+                                width: 36px;
+                                height: 15px;
+                                line-height: 15px;
+                                background-image: linear-gradient(to right, #f65b5b, #ffa3a3);
+                                font-size: 12px;
+                                -webkit-transform-origin-x: 0;
+                                -webkit-transform: scale(0.8);
+                                margin-left: 2px;
+                                margin-top: 2px;
+                                color: white;
+                                text-align: center;
+                            }
+                        }
+                        .dialog-right-time {
+                            font-size: 10px;
+                            -webkit-transform-origin-x: 0;
+                            -webkit-transform: scale(0.9);
+                            color: #9ba6af;
+                            padding: 3px 0;
+                        }
+                        .dialog-right-time + div {
+                            width: 100%;
+                            border-bottom: 1px solid #eeeeee;
+                            margin-bottom: 10px;
+                        }
+                        .content {
+                            width: 110%;
+                            font-size: 10px;
+                            color: #e0e1e3;
+                            background-color: #fff;
+                            -webkit-transform-origin-x: 0;
+                            -webkit-transform: scale(0.92);
+                            .content-text {
+                                width: 100%;
+                                color: #686b78;
+                                text-indent: 2em;
+                                background-color: #fff;
+                                /deep/ img {
+                                    width: 100%;
+                                }
+                            }
+                            .content-inform {
+                                width: 100%;
+                                text-align: center;
+                                margin: 50px;
+                                :first-child {
+                                    color: #373b49;
+                                }
+                            }
+                            .file-name {
+                                margin: 5px;
+                                border-radius: 24px;
+                                width: 90%;
+                                background: #fafcff;
+                                .file-name-left {
+                                    color: #0eaeff;
+                                    font-size: 14px;
+                                }
+                                .file-name-right {
+                                    color: #424656;
+                                }
+                            }
+                        }
+                    }
                 }
             }
         }
+    }
 
+    //   上传文件
+    .upload-fill {
+        width: 100%;
+        display: flex;
+        position: relative;
+        /deep/ .el-upload-list__item {
+            background: #f9f9f9;
+        }
+        /deep/ .el-upload--text {
+            width: 100px;
+            height: 32px;
+            margin-right: 10px;
+            border: 1px solid #e0e1e3;
+            .el-button {
+                border: none;
+                padding: 11px 17px;
             }
         }
-    }
-
-    }
-    }
-  
-  
-        //   上传文件
-        .upload-fill{
+        .el-upload-text {
+            font-size: 12px !important;
+            color: #d8d8d8;
+        }
+        /deep/ .el-upload-list--text {
+            position: absolute;
+            top: 40px;
+            padding-bottom: 100px;
             width: 100%;
-            display: flex;
-            position: relative;
-            /deep/  .el-upload-list__item{
-                background: #f9f9f9 ;
+            li {
+                width: 30%;
+                float: left;
+                margin-right: 10px;
+                vertical-align: middle;
+                margin: 0 10px 0 0;
             }
-        /deep/ .el-upload--text{
-          width: 100px;
-          height: 32px;
-          margin-right: 10px;
-          border: 1px solid #E0E1E3;
-          .el-button{
-              border: none;
-              padding: 11px 17px;
-          }
         }
-        .el-upload-text{
-            font-size: 12px !important;
-            color: #D8D8D8;
-           }
-          /deep/ .el-upload-list--text{
-               position: absolute;
-               top: 40px;
-               padding-bottom: 100px;
-               width: 100%;
-              li{
-                  width: 30%;
-                    float: left;
-                    margin-right: 10px;
-                    vertical-align: middle;
-                    margin: 0 10px 0  0;
-              }
-          
-           }
-      }
-      
+    }
 }
 // 富文本编辑器样式
-.editor-container{
+.editor-container {
     border-radius: 4px;
     margin-top: 10px;
-    border: 1px solid #E0E1E3;
+    border: 1px solid #e0e1e3;
 }
-/deep/ .mce-container, .mce-container-body{
-    background: #F8FCFF ;
+/deep/ .mce-container,
+.mce-container-body {
+    background: #fafcff;
 }
 
-
-#mceu_17{
-    display: none;
+/deep/ .mce-btn-group,
+.mce-btn {
+    margin: 0;
+}
+/deep/ .mce-toolbar,
+.mce-btn-group {
+    padding: 0;
 }
- // 弹框自定义滚动条
- .my-scroll-bar{
+/deep/ #mceu_33 {
+    display: none !important;
+}
+// #mceu_17 {
+//     display: none;
+// }
+
+// 弹框自定义滚动条
+.my-scroll-bar {
     height: 438px;
-    /deep/ .gm-scrollbar.-horizontal .thumb{
-        height: 0 ;
+    /deep/ .gm-scrollbar.-horizontal .thumb {
+        height: 0;
     }
 }
-.opt{
-    img{
+.opt {
+    img {
         width: 14px;
         height: 14px;
     }
-
 }
 //  社区邻里
-.neighbor{
+.neighbor {
     @extend .phone;
-   
-    .complaint{
-        .record{
-        margin-top: 10px;
-                .recored-detali-row{
+
+    .complaint {
+        .record {
+            margin-top: 10px;
+            .recored-detali-row {
                 margin: 0px;
                 line-height: 32px;
                 position: relative;
             }
-            .recored-detali-rows{
-               border-left: 1px solid #0EAEFF;
-               display: block;
-               padding-left: 17px;
-               .font-size-small{
+            .recored-detali-rows {
+                border-left: 1px solid #0eaeff;
+                display: block;
+                padding-left: 17px;
+                .font-size-small {
                     margin-left: 0px;
                     margin-bottom: 0;
-               }
+                }
 
-               .rows-replay{
-                   margin: 0;
-                   padding-top: 5px;
-                   font-size: 12px;
-                   color: #0EAEFF;
-                   :first-child{
-                       color: #424656;
-                       margin-left: 0;
-                   }
-               }
+                .rows-replay {
+                    margin: 0;
+                    padding-top: 5px;
+                    font-size: 12px;
+                    color: #0eaeff;
+                    :first-child {
+                        color: #424656;
+                        margin-left: 0;
+                    }
+                }
             }
         }
-    } 
+    }
 }
+// /deep/ .el-checkbox__inner {
+//     border-radius: 50% !important;
+// }
+// /deep/ .el-checkbox-group {
+//     display: flex;
+// }