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