{"remainingRequest":"C:\\hjmWeb\\suyiScreen\\suyiScreen\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\hjmWeb\\suyiScreen\\suyiScreen\\src\\components\\dialog\\index.vue?vue&type=style&index=0&lang=scss&","dependencies":[{"path":"C:\\hjmWeb\\suyiScreen\\suyiScreen\\src\\components\\dialog\\index.vue","mtime":1660725069000},{"path":"C:\\hjmWeb\\suyiScreen\\suyiScreen\\node_modules\\css-loader\\dist\\cjs.js","mtime":1670640067764},{"path":"C:\\hjmWeb\\suyiScreen\\suyiScreen\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1670640074296},{"path":"C:\\hjmWeb\\suyiScreen\\suyiScreen\\node_modules\\postcss-loader\\src\\index.js","mtime":1670640071379},{"path":"C:\\hjmWeb\\suyiScreen\\suyiScreen\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1670640073036},{"path":"C:\\hjmWeb\\suyiScreen\\suyiScreen\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1670640066936},{"path":"C:\\hjmWeb\\suyiScreen\\suyiScreen\\node_modules\\vue-loader\\lib\\index.js","mtime":1670640074287}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgpAaW1wb3J0ICJ+QC9jb21tb24vdmFyLnNjc3MiOwouYm94MSB7CgogICAgLy8gYmFja2dyb3VuZDogIzExMjIzMjg5OwogICAgYmFja2dyb3VuZDogcmdiYSgxNiwyOSwzNywwLjgpOwogICAgYm9yZGVyOiAycHggc29saWQgJGJvcmRlci1jb2xvcjsKICAgIHBhZGRpbmc6IDVweCAwOwogICAgbWFyZ2luLWJvdHRvbTogMTBweDsKIHdpZHRoOiAxMDAlOwogZmxvYXQ6IHJpZ2h0OwogbWF4LWhlaWdodDogODYwcHg7Cm92ZXJmbG93LXk6IHNjcm9sbDsgCm92ZXJmbG93LXg6aGlkZGVuOwovLyAgICAgdWwgewovLyAgICAgICAgIHBhZGRpbmctYm90dG9tOiAxMHB4OwovLyAgICAgICAgIG1heC1oZWlnaHQ6IDY0NHB4OwovLyAgICAgICAgIG92ZXJmbG93LXk6IHNjcm9sbDsKLy8gICAgIH0KLy8gICAgdWw6Oi13ZWJraXQtc2Nyb2xsYmFyIHsKLy8gICAgICAgICAgICAgZGlzcGxheTogbm9uZTsKLy8gICAgICAgICB9Ci8vICAgICBsaSB7Ci8vICAgICAgICAgd2lkdGg6IDEwMCU7Ci8vICAgICAgICAgZGlzcGxheTogYmxvY2s7Ci8vICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlOwovLyAgICAgICAgIGhlaWdodDogNjVweDsKLy8gICAgICAgICBiYWNrZ3JvdW5kOiAgdXJsKCd+QC9hc3NldHMvbGFuZFJlcy8xLnBuZycpIG5vLXJlcGVhdDsKLy8gICAgICAgICAvLyAgYmFja2dyb3VuZC1zaXplOiBjb250YWluOwovLyAgICAgICAgICBiYWNrZ3JvdW5kLXNpemU6MTAwJTsKLy8gICAgICAgICBwYWRkaW5nOiAyMnB4IDBweCFpbXBvcnRhbnQ7CgovLyAgICAgfQoKICAgIC50aXRsZSB7CiAgICB3aWR0aDogMTAwJTsKICAgIGhlaWdodDogMzNweDsKICAgIGxpbmUtaGVpZ2h0OiAzM3B4OwogICAgcGFkZGluZy1sZWZ0OiAzMHB4OwogICAgbWFyZ2luLWJvdHRvbTogNXB4OwogICAgYmFja2dyb3VuZDogLTE1cHggdXJsKCd+QC9hc3NldHMvdGl0LnBuZycpIG5vLXJlcGVhdDsKICAgIGJhY2tncm91bmQtc2l6ZTogY29udGFpbjsKICAgIGNvbG9yOiAjOGVjMWQ4OwogICAgZm9udC13ZWlnaHQ6IDcwMDsKICAgIGZvbnQtc2l6ZTogMTZweDsKICAgICAgICAuaWNvbiB7CiAgICAgICAgICAgIGhlaWdodDogMTBweDsKICAgICAgICAgICAgd2lkdGg6IDEwcHg7CiAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDQ1ZGVnKTsKICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzIwQkJEMjsKICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogICAgICAgICAgICBsaW5lLWhlaWdodDogNDBweDsKICAgICAgICAgICAgbWFyZ2luLXJpZ2h0OiA1cHg7CiAgICAgICAgICAgIHBhZGRpbmctbGVmdDogNXB4OwogICAgICAgIH0KICAgIH0KCgp9Ci5ib3gxOjotd2Via2l0LXNjcm9sbGJhciB7CiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7CiAgICAgICAgfQoudi1tb2RhbCB7CiAgICBwb3NpdGlvbjogZml4ZWQ7CiAgICBsZWZ0OiAwOwogICAgdG9wOiAwOwogICAgd2lkdGg6IDEwMCU7CiAgICBoZWlnaHQ6IDEwMCU7CiAgICBvcGFjaXR5OiAuMDsKICAgIGJhY2tncm91bmQ6ICNmZmYhaW1wb3J0YW50Owp9Ci5lbC10YWJsZSB0aGVhZHsKICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkdGFibGUtaGVhZGVyLWJnICFpbXBvcnRhbnQ7CiAgICAgICAgY29sb3I6ICR0YWJsZS1oZWFkZXItY29sb3IgIWltcG9ydGFudDsKfQouZWwtZGlhbG9newogICAgICAgY29sb3I6ICNmZmY7CiAgICAvLyAgICBiYWNrZ3JvdW5kOnRyYW5zcGFyZW50OyAKICAgIC8vICAgIGJhY2tncm91bmQtY29sb3I6cmdiYSg3LCAxMSwgNjYsIDAuMTUpOwogICAgIGJhY2tncm91bmQ6ICMwQjJGNDUgIWltcG9ydGFudDsKICAgICAgCn0KLmVsLWZvcm0taXRlbV9fbGFiZWx7CiAgICBjb2xvcjogI2ZmZiFpbXBvcnRhbnQ7Cn0KLmVsLWlucHV0X19pbm5lcnsKICAgIGJhY2tncm91bmQ6IHJnYmEoNywgMTEsIDY2LCAwLjE1KSAhaW1wb3J0YW50OwoKfQouZWwtZm9ybS0taW5saW5lIC5lbC1mb3JtLWl0ZW0gewogICAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogICAgbWFyZ2luLWxlZnQ6IDEwcHg7CiAgICB2ZXJ0aWNhbC1hbGlnbjogdG9wOwogICAgd2lkdGg6IDQ1JTsKfQouZWwtZm9ybS0taW5saW5lIC5lbC1mb3JtLWl0ZW1fX2NvbnRlbnQgewogICAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogICAgdmVydGljYWwtYWxpZ246IHRvcDsKICAgIHdpZHRoOiA3OCU7Cn0KLmVsLXRhYmxlIHRyIHsKICAgIC8vICAgYmFja2dyb3VuZDogcmdiYSgxNiwgMjksIDM3LCAwLjgpIWltcG9ydGFudDsKICAgIGJhY2tncm91bmQ6ICMwQjJGNDUhaW1wb3J0YW50OwogICAgY29sb3I6ICNmZmY7CiAgICAKfQovLyAuZWwtdGFibGUgdHI6aG92ZXJ7Ci8vICAgICBjb2xvcjogIzBCMkY0NTsKLy8gICAgIGJhY2tncm91bmQ6IHJnYmEoNywgMTEsIDY2LCAwLjE1KSFpbXBvcnRhbnQ7Ci8vIH0KLmVsLXRhYmxlIC5jZWxsewogICAgdGV4dC1hbGlnbjogY2VudGVyOwp9Cjo6di1kZWVwIC5yb3dfY29sb3IgewovLyAgIGJhY2tncm91bmQ6ICM1RkI3RTcgIWltcG9ydGFudDsKICAgYmFja2dyb3VuZDogcmdiYSg3LCAxMSwgNjYsIDAuMTUpICFpbXBvcnRhbnQ7CiAgY29sb3I6ICNmZmY7Cn0KLy8g5Y+M6KGM6aKc6ImyCjo6di1kZWVwIC5yb3dfY29sb3Jfbm9uZSB7CiAgYmFja2dyb3VuZDogIzBCMkY0NSAhaW1wb3J0YW50OwogIGNvbG9yOiAjZmZmOwp9Ci5lbC1kaWFsb2dfX3RpdGxlewogICBjb2xvcjogI2ZmZiFpbXBvcnRhbnQ7IAogICBmb250LXdlaWdodDogNzAwOwp9Ci5lbC10YWJsZS0tZW5hYmxlLXJvdy1ob3ZlciAuZWwtdGFibGVfX2JvZHkgdHI6aG92ZXI+dGQuZWwtdGFibGVfX2NlbGx7CiAgICBiYWNrZ3JvdW5kOiByZ2JhKDE2LCAyOSwgMzcsIDAuOCkhaW1wb3J0YW50OwogICAgY29sb3I6ICM4ZWMxZDg7CiAgICBvcGFjaXR5OiAwLjg7Cn0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2VA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/components/dialog","sourcesContent":["<template>\n\n  <div class=\"box1\">\n        <div class=\"title\">\n            <!-- {{ title }} -->\n            基地部门楼层数据展示\n           <span style=\"float: right;\n    width: 30px;\n    height: 30px;\n    padding-right: 19px;\" @click=\"close\">X</span>\n        </div>\n            \n        <el-form :inline=\"true\" :model=\"ruleForm\" ref=\"ruleForm\" class=\"demo-form-inline\">\n  <el-form-item label=\"部门\" prop=\"departnew\">\n    <el-input v-model=\"ruleForm.departnew\" placeholder=\"输入部门\"></el-input>\n  </el-form-item>\n  <el-form-item label=\"基地\" prop=\"jdnew\">\n     <el-input\n          v-model=\"ruleForm.jdnew\"\n          placeholder=\"输入基地\"/>\n  </el-form-item>\n</el-form>\n    <el-table\n    ref=\"multipleTable\"\n    :data=\"tables.slice(\n            (queryInfo.pagenum - 1) * queryInfo.pagesize,\n            queryInfo.pagenum * queryInfo.pagesize)\"\n      style=\"width: 100%\"\n      :row-class-name=\"tableRowClassName\"\n      :header-cell-style=\"{\n      background: '#0B2F45',\n        color: '#fff',\n      textAlign: 'center',\n    }\"\n    @cell-mouse-enter=\"rowHover\"\n      @cell-mouse-leave=\"leave\"\n      @row-click=\"rowclick\"\n      >\n\n      <el-table-column\n        prop=\"depart\"\n        label=\"部门\">\n      </el-table-column>\n      <el-table-column\n        prop=\"jd\"\n        label=\"基地\">\n      </el-table-column>\n      <!-- <el-table-column\n        prop=\"room\"\n        label=\"房号\">\n      </el-table-column>\n       <el-table-column\n        prop=\"name\"\n        label=\"名称\">\n      </el-table-column> -->\n      <el-table-column\n       \n        label=\"全口径人数\" prop=\"peopleM\">\n        <!-- <el-table-column\n        prop=\"people\"\n        label=\"全民\">\n      </el-table-column> -->\n      <!-- <el-table-column\n        prop=\"other\"\n        label=\"其他\">\n      </el-table-column> -->\n      </el-table-column>\n       <el-table-column\n       \n        label=\"所属楼层\" prop=\"floorM\">\n      </el-table-column>\n       <!-- <el-table-column\n        prop=\"square\"\n        label=\"面积(㎡)\">\n      </el-table-column> -->\n    </el-table>\n   <el-pagination\n        @size-change=\"handleSizeChange\"\n        @current-change=\"handleCurrentChange\"\n        :current-page=\"queryInfo.pagenum\"\n        :page-sizes=\"[10, 15, 20]\"\n        :page-size=\"queryInfo.pagesize\"\n        :pager-count=\"5\"\n        layout=\"total, sizes,  pager, next\"\n        :total=\"tables.length\"\n        style=\"margin:15px 0px;\"\n        background\n      ></el-pagination>\n    </div>\n</template>\n \n<script>\nimport axios from 'axios'\n    export default {\n        props: {\n        // title: {\n        //     default: () => \"\",\n        //     type: String,\n        //     required: true\n        // },\n        // dataSource: {\n        //     default: () => false,\n        //     type: [Array, Boolean],\n        //     required: true\n        // },\n      \n    },\n        name: \"dialogComponent\",\n        data(){\n          return{\n            detailVisible:true,\n              tableData: [],\n          formInline: {\n          depart: '',\n          jd: '',\n          people:'',\n          other:'',\n          square:'',\n        },\n        jdNameNew:'',\n        jdNameNewN:'',\n        jdNameOther:'',\n        ruleForm:{\n        departnew:'',\n        jdnew:'',\n        },\n        departnew:'',\n        jdnew:'',\n        queryInfo: {\n        query: \"\",\n        pagenum: 1,\n        pagesize: 10,\n      },\n        jdName:\"\",\n\n          }\n        },\n        watch: {\n            jdNameNew:{\n                  handler(newVal) {\n                // console.log(\"newVal\",newVal)\n                    this.jdNameOther=newVal\n                    this.$emit('jdNameData',newVal)  \n                }\n            },\n            jdNameNewN:{\n                 handler(newVal) {\n                // console.log(\"newVal\",newVal)\n                    this.$emit('jdNameDataClick',newVal)  \n                }\n            }\n            // departnew(newVal, oldVal) {\n            //     console.log(\"newVal\",newVal)\n            //   if (newVal == \"\") {\n            //     //这个方法是获取后台数据，自己根据自己的要求调用\n            //     this.getJsonData();\n            //   }else{\n            //     this.query();\n            //   }\n            // },\n            // jdnew(newVal, oldVal) {\n            //   if (newVal == \"\") {\n            //     //这个方法是获取后台数据，自己根据自己的要求调用\n            //     this.getJsonData();\n                \n            //   }else{\n            //     this.query();\n            //     // this.queryjd()\n            //   }\n            // },\n          },\n      methods:{\n         onSubmit() {\n        console.log('submit!');\n      },\n      rowHover(row){\n        // console.log('row',row.jd);\n        this.jdNameNew=row.jd\n      },\n      leave(){\n    this.jdNameNew=''\n      },\n      rowclick(row){\n        this.jdNameNewN=row\n      },\n      //3.定义一个init函数，通过设置detailVisible值为true来让弹窗弹出，这个函数会在父组件的方法中被调用\n        init(data){\n        //   this.detailVisible=true;\n          //data是父组件弹窗传递过来的值，我们可以打印看看\n          console.log(data);\n          this.getJsonData()\n        },\n        close:function(){\n            this.detailVisible=false\n       this.$emit('transfer',this.detailVisible)//触发transfer方法，this.user 为向父组件传递的数据\n     },\n        getJsonData(){\n            this.tableData = []\n            axios.get('/json/departJd.json')\n        .then(result => {\n             for (var i = 0; i < result.data.length; i++) {\n                this.tableData.push(result.data[i])\n             } \n        })\n        .catch(error => {\n          console.log(error)\n        })\n        // axios.get('/json/城南基地.json')\n        // .then(result => {\n        //      for (var i = 0; i < result.data.length; i++) {\n        //         this.tableData.push(result.data[i])\n        //      }\n            \n        // })\n        // .catch(error => {\n        //   console.log(error)\n        // })\n        // axios.get('/json/公司大楼.json')\n        // .then(result => {\n        //      for (var i = 0; i < result.data.length; i++) {\n        //         this.tableData.push(result.data[i])\n        //      }\n            \n        // })\n        // .catch(error => {\n        //   console.log(error)\n        // })\n        // axios.get('/json/健康中心（安仁街变）.json')\n        // .then(result => {\n        //      for (var i = 0; i < result.data.length; i++) {\n        //         this.tableData.push(result.data[i])\n        //      }\n            \n        // })\n        // .catch(error => {\n        //   console.log(error)\n        // })\n        // axios.get('/json/老卫生所.json')\n        // .then(result => {\n        //      for (var i = 0; i < result.data.length; i++) {\n        //         this.tableData.push(result.data[i])\n        //      }\n            \n        // })\n        // .catch(error => {\n        //   console.log(error)\n        // })\n        // axios.get('/json/龙吟广场.json')\n        // .then(result => {\n        //      for (var i = 0; i < result.data.length; i++) {\n        //         this.tableData.push(result.data[i])\n        //      }\n            \n        // })\n        // .catch(error => {\n        //   console.log(error)\n        // })\n        // axios.get('/json/栖霞基地.json')\n        // .then(result => {\n        //      for (var i = 0; i < result.data.length; i++) {\n        //         this.tableData.push(result.data[i])\n        //      }\n            \n        // })\n        // .catch(error => {\n        //   console.log(error)\n        // })\n        // axios.get('/json/雨花基地.json')\n        // .then(result => {\n        //      for (var i = 0; i < result.data.length; i++) {\n        //         this.tableData.push(result.data[i])\n        //      }\n            \n        // })\n        // .catch(error => {\n        //   console.log(error)\n        // })\n        },\n\n            handleSizeChange(newSize) {\n      this.queryInfo.pagesize = newSize;\n    },\n\n     tableRowClassName({ row, rowIndex }) {\n      if (rowIndex % 2 === 0) {\n        return \"row_color\";\n      } else {\n        return \"row_color_none\";\n      }\n    },\n    handleCurrentChange(newPage) {\n      this.queryInfo.pagenum = newPage;\n    },\n      },\n      computed: {\n  // 模糊搜索\n  tables () {\n    const departnew = this.ruleForm.departnew\n    const jdnew = this.ruleForm.jdnew\n    \n    var that = this\n    \n          if (departnew || jdnew) {  \n      return this.tableData.filter(data => {\n        // return Object.keys(data).some(key => {\n        //   return String(data[key]).toLowerCase().indexOf(departnew||jdnew) > -1\n        // })\n        \n        let inputTrue = Object.keys(data).some(key =>{\n             if(key=='depart'){\n                return String(data[key]).toLowerCase().indexOf(departnew)>-1\n             }\n      });\n    let input2True = Object.keys(data).some(key =>{\n       \n       \n       if(key =='jd'){\n        \n       if (String(data[key]).toLowerCase().indexOf(jdnew)>-1) {\n            let jd =''\n            jd = data.jd\n            that.jdName = jd\n            // that.$emit('jdNameData',that.jdName)  \n        }\n        return String(data[key]).toLowerCase().indexOf(jdnew)>-1\n       }\n      \n    \n      });\n    //    if (data.jd.toLowerCase().indexOf(jdnew) !== -1 ) {\n    //         let jd =''\n    //         jd = data.jd\n    //         that.jdName = jd\n    //         that.$emit('jdNameData',that.jdName)  \n    //     }\n    return inputTrue && input2True\n      })\n          }\n    // console.log(\"that.jdName\",that.jdName)\n    \n    return that.tableData\n  }\n},\n\n    }\n</script>\n<style lang=\"scss\">\n@import \"~@/common/var.scss\";\n.box1 {\n\n    // background: #11223289;\n    background: rgba(16,29,37,0.8);\n    border: 2px solid $border-color;\n    padding: 5px 0;\n    margin-bottom: 10px;\n width: 100%;\n float: right;\n max-height: 860px;\noverflow-y: scroll; \noverflow-x:hidden;\n//     ul {\n//         padding-bottom: 10px;\n//         max-height: 644px;\n//         overflow-y: scroll;\n//     }\n//    ul::-webkit-scrollbar {\n//             display: none;\n//         }\n//     li {\n//         width: 100%;\n//         display: block;\n//         position: relative;\n//         height: 65px;\n//         background:  url('~@/assets/landRes/1.png') no-repeat;\n//         //  background-size: contain;\n//          background-size:100%;\n//         padding: 22px 0px!important;\n\n//     }\n\n    .title {\n    width: 100%;\n    height: 33px;\n    line-height: 33px;\n    padding-left: 30px;\n    margin-bottom: 5px;\n    background: -15px url('~@/assets/tit.png') no-repeat;\n    background-size: contain;\n    color: #8ec1d8;\n    font-weight: 700;\n    font-size: 16px;\n        .icon {\n            height: 10px;\n            width: 10px;\n            transform: rotate(45deg);\n            background-color: #20BBD2;\n            display: inline-block;\n            line-height: 40px;\n            margin-right: 5px;\n            padding-left: 5px;\n        }\n    }\n\n\n}\n.box1::-webkit-scrollbar {\n            display: none;\n        }\n.v-modal {\n    position: fixed;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    opacity: .0;\n    background: #fff!important;\n}\n.el-table thead{\n     background-color: $table-header-bg !important;\n        color: $table-header-color !important;\n}\n.el-dialog{\n       color: #fff;\n    //    background:transparent; \n    //    background-color:rgba(7, 11, 66, 0.15);\n     background: #0B2F45 !important;\n      \n}\n.el-form-item__label{\n    color: #fff!important;\n}\n.el-input__inner{\n    background: rgba(7, 11, 66, 0.15) !important;\n\n}\n.el-form--inline .el-form-item {\n    display: inline-block;\n    margin-left: 10px;\n    vertical-align: top;\n    width: 45%;\n}\n.el-form--inline .el-form-item__content {\n    display: inline-block;\n    vertical-align: top;\n    width: 78%;\n}\n.el-table tr {\n    //   background: rgba(16, 29, 37, 0.8)!important;\n    background: #0B2F45!important;\n    color: #fff;\n    \n}\n// .el-table tr:hover{\n//     color: #0B2F45;\n//     background: rgba(7, 11, 66, 0.15)!important;\n// }\n.el-table .cell{\n    text-align: center;\n}\n::v-deep .row_color {\n//   background: #5FB7E7 !important;\n   background: rgba(7, 11, 66, 0.15) !important;\n  color: #fff;\n}\n// 双行颜色\n::v-deep .row_color_none {\n  background: #0B2F45 !important;\n  color: #fff;\n}\n.el-dialog__title{\n   color: #fff!important; \n   font-weight: 700;\n}\n.el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{\n    background: rgba(16, 29, 37, 0.8)!important;\n    color: #8ec1d8;\n    opacity: 0.8;\n}\n</style>"]}]}