修改发布通知详情样式

operationSupport/src/components/common/treeHouse.vue

@@ -1,6 +1,6 @@
 <template>
-    <div class="organ-trees">
-        <div v-show="showHouseTree">
+    <div class="organ-trees-view">
+        <div v-if="showHouseTree">
             <div>
                 <el-input v-model="filterText" v-if="!showCheckboxTree" placeholder="请输入关键字" suffix-icon="el-icon-search"></el-input>
                 <el-input
@@ -12,27 +12,29 @@
                     v-else
                 ></el-input>
             </div>
-            <div class="tree-style-box no-scrollbar" v-show="inputFocueHouse">
-                <el-tree
-                    class="tree-style"
-                    :data="organList"
-                    ref="tree"
-                    node-key="id"
-                    :highlight-current="true"
-                    :props="defaultProps"
-                    :expand-on-click-node="false"
-                    @check="clickCheckTree"
-                    :default-expand-all="defaultExpandAllTree"
-                    :filter-node-method="filterNode"
-                    :show-checkbox="showCheckboxTree"
-                    :accordion="accordion"
-                    :prevDetailData="prevDetailData"
-                    :default-expanded-keys="defaultSelectAll"
-                    :check-on-click-node="true"
-                >
-                </el-tree>
-                <div class="end-btn" @click="endBtn">
-                    <el-button type="primary">确定</el-button>
+            <div class="tree-house-style-box" v-show="inputFocueHouse">
+                <GeminiScrollbar class="my-scroll-bar" :autoshow="true">
+                    <el-tree
+                        :data="organList"
+                        ref="tree"
+                        node-key="id"
+                        :highlight-current="true"
+                        :props="defaultProps"
+                        :expand-on-click-node="false"
+                        @check="clickCheckTree"
+                        :default-expand-all="defaultExpandAllTree"
+                        :filter-node-method="filterNode"
+                        :show-checkbox="showCheckboxTree"
+                        :accordion="accordion"
+                        :prevDetailData="prevDetailData"
+                        :default-expanded-keys="defaultSelectAll"
+                        :check-on-click-node="true"
+                    >
+                    </el-tree>
+                </GeminiScrollbar>
+                <div class="end-btn">
+                    <el-button type="plain" @click="endBtn" size="mini">取消</el-button>
+                    <el-button type="primary" @click="endBtn" size="mini">确定</el-button>
                 </div>
             </div>
         </div>
@@ -45,27 +47,29 @@
                 @focus="inputFocue()"
                 suffix-icon="el-icon-search"
             ></el-input>
-            <div class="tree-style-box no-scrollbar" v-show="inputFocuePeople">
-                <el-tree
-                    class="tree-style"
-                    :data="dataPeopleList"
-                    ref="treePeople"
-                    node-key="id"
-                    :highlight-current="true"
-                    :props="defaultPropsPeople"
-                    :expand-on-click-node="false"
-                    @check="clickCheckTreePeople"
-                    :default-expand-all="defaultExpandAllTree"
-                    :filter-node-method="filterNodePeople"
-                    :show-checkbox="showCheckboxTree"
-                    :accordion="accordionPeople"
-                    :selectAll="selectAll"
-                    :prevDetailData="prevDetailData"
-                    :check-on-click-node="true"
-                >
-                </el-tree>
+            <div class="transfer-style-box" v-show="inputFocuePeople">
+                <GeminiScrollbar class="my-scroll-bar" :autoshow="true">
+                    <el-tree
+                        :data="dataPeopleList"
+                        ref="treePeople"
+                        node-key="id"
+                        :highlight-current="true"
+                        :props="defaultPropsPeople"
+                        :expand-on-click-node="false"
+                        @check="clickCheckTreePeople"
+                        :default-expand-all="defaultExpandAllTree"
+                        :filter-node-method="filterNodePeople"
+                        :show-checkbox="showCheckboxTree"
+                        :accordion="accordionPeople"
+                        :selectAll="selectAll"
+                        :prevDetailData="prevDetailData"
+                        :check-on-click-node="true"
+                    >
+                    </el-tree>
+                </GeminiScrollbar>
                 <div class="end-btn">
-                    <el-button type="primary" @click="endBtn">确定</el-button>
+                    <el-button type="plain" @click="endBtn" size="mini">取消</el-button>
+                    <el-button type="primary" @click="endBtn" size="mini">确定</el-button>
                 </div>
             </div>
         </div>
@@ -212,6 +216,17 @@ export default {
                 this.clickCheckTreePeople();
             });
         },
+        // 获取房间
+        getOrgTreeList() {
+            this.houseNames = [];
+            this.$http
+                .get('/sc-community/assets/tree/community/find', { buildingType: this.buildingType })
+                .then(({ status, data, msg }) => {
+                    if (status === 0 && data) {
+                        this.organList = data;
+                    }
+                });
+        },
         // 获取人员
         getPeopleList() {
             this.$http.get('/sc-user-center/user/findUserList').then(({ status, data, msg }) => {
@@ -304,36 +319,55 @@ export default {
         }
     },
     created() {
-        // this.getOrgTreeList();
+        this.getOrgTreeList();
         this.getPeopleList();
     }
 };
 </script>
 
 <style lang="scss" scoped>
-.organ-trees {
+/deep/ .gm-scroll-view {
+    width: 568px !important;
+    height: 510px !important;
+    // /deep/ .gm-scrollbar.-horizontal .thumb {
+    //     height: 0;
+    // }
+}
+.organ-trees-view {
     box-sizing: border-box;
     float: left;
     z-index: 99999;
     &::before {
         clear: both;
     }
-    .tree-style-box {
-        // margin-top: 20px;
-        // max-height: calc(100vh - 200px);
-        // overflow: scroll;
+    .tree-house-style-box {
+        position: absolute;
+        top: 38px;
+        left: 0%;
+        background: #fff;
+        width: 568px;
+        height: 510px;
+        z-index: 999;
+        padding: 10px 10px 50px 10px;
+        z-index: 99;
+        box-shadow: 0px 2px 10px 0px #e6ebf4;
+    }
+    .transfer-style-box {
+        position: absolute;
+        top: 68px;
+        left: 0%;
+        background: #fff;
+        width: 568px;
+        height: 480px;
+        z-index: 999;
+        padding: 10px 10px 50px 10px;
+        z-index: 99;
+        box-shadow: 0px 2px 10px 0px #e6ebf4;
     }
     .end-btn {
         position: absolute;
         right: 30px;
-        top: 10px;
-    }
-    .el-tree {
-        background: #fafcff;
-        height: 20vh;
-        max-height: 50vh;
-        overflow: scroll;
-        padding: 10px;
+        bottom: 10px;
     }
 }
 </style>

operationSupport/src/views/propertyManagement/inform.vue

@@ -128,6 +128,7 @@
                                                     </el-radio-group>
                                                 </div>
                                                 <div class="selet-room" v-show="ruleForm.issueRoom.staff">
+                                                    <!-- <GeminiScrollbar class="my-scroll-bar" :autoshow="true"> -->
                                                     <tree-house
                                                         ref="selectTreePeoples"
                                                         :buildingType="1"
@@ -140,6 +141,7 @@
                                                         @selectPeople="selectPeople"
                                                         :disabled="disabledPeople"
                                                     ></tree-house>
+                                                    <!-- </GeminiScrollbar> -->
                                                 </div>
                                             </div>
                                         </el-form-item>
@@ -330,7 +332,6 @@ export default {
         return {
             disabledHouse: true,
             disabledPeople: true,
-            organList: [],
             popCommunityName: '',
             fileList: [],
             // 显示图片上传

operationSupport/src/views/propertyManagement/style.scss

@@ -427,10 +427,6 @@ $fontSizeSmall: 14px;
                         justify-content: end;
                         // width: 30%;
                         max-height: 50vh;
-                        /deep/ .tree-style-box.no-scrollbar {
-                            position: absolute;
-                            width: 48%;
-                        }
                         /deep/ .el-input__inner {
                             // margin-left: 10px;
                             width: 275px;

operationSupport/vue.config.js

@@ -33,7 +33,7 @@ module.exports = {
             .options({
                 viewportWidth: 1920 //传参
             });
-        // 配置每次打包浏览器缓存文件名的随机性
+        // // 配置每次打包浏览器缓存文件名的随机性
         const filename = path.posix.join('js', `${new Date().getTime()}_[name].js`);
         config.mode('production').devtool(false).output.filename(filename).chunkFilename(filename);
     },
@@ -60,7 +60,7 @@ module.exports = {
             //     })
         },
         extract: {
-            // 打包后css文件名称添加时间戳
+            // // 打包后css文件名称添加时间戳
             filename: `css/[name].${new Date().getTime()}.css`,
             chunkFilename: `css/chunk.[id].${new Date().getTime()}.css`
         }