1 |
- {"remainingRequest":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\style-vw-loader\\index.js??ref--0-2!C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\src\\views\\messages\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\src\\views\\messages\\index.vue","mtime":1663828782939},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\babel.config.js","mtime":1663828782900},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000},{"path":"C:\\Users\\100zone\\Desktop\\baizong\\community\\SmartCommunity\\videoSurveillance\\node_modules\\style-vw-loader\\index.js","mtime":1540864632000}],"contextDependencies":[],"result":["import \"core-js/modules/es7.object.get-own-property-descriptors\";\nimport \"core-js/modules/web.dom.iterable\";\nimport \"core-js/modules/es6.object.keys\";\nimport \"core-js/modules/es6.regexp.split\";\nimport \"core-js/modules/es6.regexp.search\";\nimport _defineProperty from \"C:/Users/100zone/Desktop/baizong/community/SmartCommunity/videoSurveillance/node_modules/@babel/runtime/helpers/esm/defineProperty.js\";\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\nimport list from '@utils/list.js';\nimport envConfig from '@/config';\nimport { mapState, mapGetters, mapMutations, mapActions } from 'vuex';\nexport default {\n mixins: [list],\n data: function data() {\n return {\n envConfig: envConfig,\n messageList: [{\n id: 2,\n name: '全部消息'\n }, {\n id: 0,\n name: '未读消息'\n }, {\n id: 1,\n name: '已读消息'\n }],\n unreadNum: 0,\n typeId: -1,\n typeList: [],\n selectRow: [],\n sceneTypes: {\n 1: '1014',\n 2: '1014',\n 3: '1016',\n 4: '1015',\n 5: '1014'\n },\n cols: [{\n label: '消息内容',\n prop: 'messageContent',\n slot: 'messageContent'\n }, {\n label: '消息类型',\n prop: 'typeName'\n }, {\n label: '创建时间',\n prop: 'dateCreate'\n }]\n };\n },\n computed: _objectSpread({}, mapState(['messageStatus'])),\n watch: {\n messageStatus: function messageStatus() {\n this.search();\n }\n },\n methods: {\n setType: function setType(id) {\n this.$store.commit('setmessageStatus', id);\n this.selectRow = [];\n this.search();\n },\n setValue: function setValue(id) {\n this.typeId = id;\n this.selectRow = [];\n this.search();\n },\n search: function search() {\n if (this.typeId == -1 && this.messageStatus == 2) {\n this.mixins_query = {};\n } else if (this.messageStatus == 2) {\n this.mixins_query = {\n typeId: this.typeId\n };\n } else if (this.typeId == -1) {\n this.mixins_query = {\n messageStatus: this.messageStatus\n };\n } else {\n this.mixins_query = {\n typeId: this.typeId,\n messageStatus: this.messageStatus\n };\n }\n\n this.selectRow = [];\n this.getMessageList();\n this.getUnreadNumber();\n this.mixins_search();\n },\n toUrl: function toUrl(id, type, sceneType, urllink) {\n debugger;\n this.$http.post('/sc-message/message/updateMultiple', {\n ids: [id],\n messageStatus: 1\n }).then(function (_ref) {\n var status = _ref.status,\n data = _ref.data,\n msg = _ref.msg;\n });\n var url, appId;\n url = urllink;\n appId = '1003'; // if (type == 1 || type == 2) {\n // appId = this.sceneTypes[sceneType] || '1003';\n // } else if (type == 4) {\n // appId = '1003';\n // } else if (type == 3 || type == 7) {\n // appId = '1003';\n // }\n //查询linkpath能不能跳转\n\n this.$http.postForm('/sc-message/message/judgingTheMessageJumpPermission', {\n url: url.split('/')[url.split('/').length - 1],\n appId: appId\n }).then(function (_ref2) {\n var status = _ref2.status,\n data = _ref2.data,\n msg = _ref2.msg;\n url = url + '&access_token=' + localStorage.getItem('SC_token');\n window.open(url); // if(status==0&&data==0){\n // window.open(url);\n // }else{\n // this.$message.error(\"您没有该系统权限\")\n // }\n });\n },\n selectionChange: function selectionChange(val) {\n var arr = [];\n\n if (val.length) {\n val.map(function (item, index) {\n arr.push(item.id);\n });\n this.selectRow = arr;\n return;\n }\n\n this.selectRow = [];\n },\n deleteOne: function deleteOne() {\n var _this = this;\n\n this.$msgBox(\"\\u60A8\\u786E\\u5B9A\\u8981\\u5220\\u9664\\u9009\\u4E2D\\u7684\".concat(this.selectRow.length, \"\\u6761\\u6D88\\u606F\"), '删除后将无法恢复,是否继续?').then(function (_) {\n _this.$http.post('/sc-message/message/updateMultiple', {\n ids: _this.selectRow,\n status: 0\n }).then(function (_ref3) {\n var status = _ref3.status,\n data = _ref3.data,\n msg = _ref3.msg;\n\n if (status === 0) {\n _this.search();\n\n _this.$refs.table.checkAllChange();\n\n _this.$message.success('删除消息成功');\n }\n });\n }).catch(function (err) {});\n },\n deleteAll: function deleteAll() {\n var _this2 = this;\n\n this.$msgBox(\"\\u60A8\\u786E\\u5B9A\\u8981\\u5220\\u9664\\u5168\\u90E8\\u6D88\\u606F\", '删除后将无法恢复,是否继续?').then(function (_) {\n _this2.$http.post('/sc-message/message/updateMultiple', {\n ids: [],\n status: 0\n }).then(function (_ref4) {\n var status = _ref4.status,\n data = _ref4.data,\n msg = _ref4.msg;\n\n if (status === 0) {\n _this2.search();\n\n _this2.$refs.table.checkAllChange();\n\n _this2.$message.success('删除全部消息成功');\n }\n });\n }).catch(function (err) {});\n },\n mark: function mark() {\n var _this3 = this;\n\n this.$msgBox(\"\\u60A8\\u786E\\u5B9A\\u8981\\u6807\\u8BB0\\u9009\\u4E2D\\u7684\".concat(this.selectRow.length, \"\\u6761\\u6D88\\u606F\\u4E3A\\u5DF2\\u8BFB\"), '标记后将无法恢复,是否继续?', 'warning').then(function (_) {\n _this3.$http.post('/sc-message/message/updateMultiple', {\n ids: _this3.selectRow,\n messageStatus: 1\n }).then(function (_ref5) {\n var status = _ref5.status,\n data = _ref5.data,\n msg = _ref5.msg;\n\n if (status === 0) {\n _this3.search();\n\n _this3.$refs.table.checkAllChange();\n\n _this3.$message.success('标记已读消息成功');\n }\n });\n }).catch(function (err) {});\n },\n markAll: function markAll() {\n var _this4 = this;\n\n this.$msgBox(\"\\u60A8\\u786E\\u5B9A\\u8981\\u6807\\u8BB0\\u5168\\u90E8\\u6D88\\u606F\\u4E3A\\u5DF2\\u8BFB\", '标记后将无法恢复,是否继续?', 'warning').then(function (_) {\n _this4.$http.post('/sc-message/message/updateMultiple', {\n ids: [],\n messageStatus: 1\n }).then(function (_ref6) {\n var status = _ref6.status,\n data = _ref6.data,\n msg = _ref6.msg;\n\n if (status === 0) {\n _this4.search();\n\n _this4.$refs.table.checkAllChange();\n\n _this4.$message.success('标记全部消息成功');\n }\n });\n }).catch(function (err) {});\n },\n //查询未读消息数量\n getUnreadNumber: function getUnreadNumber() {\n var _this5 = this;\n\n this.$http.postForm('/sc-message/message/queryUnreadMessageStatic').then(function (_ref7) {\n var status = _ref7.status,\n data = _ref7.data,\n msg = _ref7.msg;\n\n if (status === 0) {\n var sum = 0;\n data.map(function (item, index) {\n sum = sum + item.cn;\n });\n _this5.unreadNum = sum;\n\n if (sum == 0) {\n _this5.$store.commit('setmessageNumber', false);\n } else {\n _this5.$store.commit('setmessageNumber', true);\n }\n\n data.unshift({\n type: '全部类型',\n cn: sum,\n typeId: -1\n });\n _this5.typeList = data;\n }\n });\n },\n //获取最新消息列表\n getMessageList: function getMessageList() {\n var _this6 = this;\n\n this.$http.postForm('/sc-message/message/queryLastMessage', {\n num: '5'\n }).then(function (_ref8) {\n var status = _ref8.status,\n data = _ref8.data,\n msg = _ref8.msg;\n\n if (status === 0) {\n _this6.$store.commit('setmessageList', data);\n }\n });\n }\n },\n created: function created() {\n this.mixins_dataUrl = '/sc-message/message/selectPage';\n this.search();\n }\n};",{"version":3,"mappings":"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","names":["mixins","data","envConfig","messageList","id","name","unreadNum","typeId","typeList","selectRow","sceneTypes","cols","label","prop","slot","computed","mapState","watch","messageStatus","methods","setType","setValue","search","toUrl","type","sceneType","urllink","ids","url","appId","postForm","then","window","selectionChange","val","arr","deleteOne","post","status","catch","deleteAll","mark","markAll","getUnreadNumber","sum","cn","getMessageList","num","created"],"sourceRoot":"src/views/messages","sources":["index.vue"],"sourcesContent":["<!--\r\n * @Author: zouwenying\r\n * @Date: 2020-11-12 16:58:16\r\n * @LastEditTime: 2021-05-13 15:18:31\r\n * @LastEditors: zwy\r\n * @Description: In User Settings Edit\r\n * @FilePath: \\userCenter\\src\\views\\messages\\index.vue\r\n-->\r\n<template>\r\n <div class=\"msg_wrap\">\r\n <div class=\"msg_type\">\r\n <div\r\n class=\"title\"\r\n :class=\"{ active: messageStatus == item.id }\"\r\n v-for=\"(item, index) in messageList\"\r\n :key=\"index\"\r\n @click=\"setType(item.id)\"\r\n >\r\n {{ item.name }}\r\n <span v-if=\"item.id === 0\">({{ unreadNum }})</span>\r\n </div>\r\n </div>\r\n <div class=\"content_type\">\r\n <div class=\"msg_title\">\r\n <div\r\n class=\"title\"\r\n :class=\"{ active: typeId == item.typeId }\"\r\n v-for=\"(item, index) in typeList\"\r\n :key=\"index\"\r\n @click=\"setValue(item.typeId)\"\r\n >\r\n {{ item.type }}\r\n <span v-if=\"messageStatus == 0\">({{ item.cn }})</span>\r\n </div>\r\n </div>\r\n <zz-table\r\n ref=\"table\"\r\n :cols=\"cols\"\r\n :settings=\"{ showCheckbox: true, stripe: true }\"\r\n :data=\"mixins_list\"\r\n :pageset=\"mixins_pageset\"\r\n @page-change=\"pageChange\"\r\n :loading=\"mixins_onQuery\"\r\n @selection-change=\"selectionChange\"\r\n >\r\n <template slot-scope=\"scope\" slot=\"messageContent\">\r\n <p\r\n @click=\"toUrl(scope.row.id, scope.row.typeId, scope.row.sceneType, scope.row.url)\"\r\n :class=\"{ active: scope.row.url !== null }\"\r\n style=\"cursor: pointer\"\r\n >\r\n <span v-if=\"!scope.row.messageStatus\" class=\"point\"></span>\r\n <span v-else class=\"unpoint\"></span>\r\n {{ scope.row.messageContent }}\r\n </p>\r\n </template>\r\n <template slot-scope=\"scope\" slot=\"batchtodo\">\r\n <div class=\"operate\">\r\n <el-button\r\n type=\"primary\"\r\n :class=\"{ disabled: selectRow.length == 0 }\"\r\n :disabled=\"selectRow.length == 0\"\r\n @click=\"deleteOne\"\r\n >删除</el-button\r\n >\r\n <el-button\r\n type=\"primary\"\r\n :class=\"{ disabled: selectRow.length == 0 }\"\r\n :disabled=\"selectRow.length == 0\"\r\n @click=\"mark\"\r\n >标为已读</el-button\r\n >\r\n <el-button type=\"primary\" class=\"btn\" @click=\"markAll\">全部已读</el-button>\r\n <el-button type=\"primary\" class=\"btn\" @click=\"deleteAll\">全部删除</el-button>\r\n </div>\r\n </template>\r\n </zz-table>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport list from '@utils/list.js';\r\nimport envConfig from '@/config';\r\nimport { mapState, mapGetters, mapMutations, mapActions } from 'vuex';\r\nexport default {\r\n mixins: [list],\r\n data() {\r\n return {\r\n envConfig: envConfig,\r\n messageList: [\r\n { id: 2, name: '全部消息' },\r\n { id: 0, name: '未读消息' },\r\n { id: 1, name: '已读消息' }\r\n ],\r\n unreadNum: 0,\r\n typeId: -1,\r\n typeList: [],\r\n selectRow: [],\r\n sceneTypes: { 1: '1014', 2: '1014', 3: '1016', 4: '1015', 5: '1014' },\r\n cols: [\r\n {\r\n label: '消息内容',\r\n prop: 'messageContent',\r\n slot: 'messageContent'\r\n },\r\n {\r\n label: '消息类型',\r\n prop: 'typeName'\r\n },\r\n {\r\n label: '创建时间',\r\n prop: 'dateCreate'\r\n }\r\n ]\r\n };\r\n },\r\n computed: {\r\n ...mapState(['messageStatus'])\r\n },\r\n watch: {\r\n messageStatus() {\r\n this.search();\r\n }\r\n },\r\n methods: {\r\n setType(id) {\r\n this.$store.commit('setmessageStatus', id);\r\n this.selectRow = [];\r\n this.search();\r\n },\r\n setValue(id) {\r\n this.typeId = id;\r\n this.selectRow = [];\r\n this.search();\r\n },\r\n search() {\r\n if (this.typeId == -1 && this.messageStatus == 2) {\r\n this.mixins_query = {};\r\n } else if (this.messageStatus == 2) {\r\n this.mixins_query = {\r\n typeId: this.typeId\r\n };\r\n } else if (this.typeId == -1) {\r\n this.mixins_query = {\r\n messageStatus: this.messageStatus\r\n };\r\n } else {\r\n this.mixins_query = {\r\n typeId: this.typeId,\r\n messageStatus: this.messageStatus\r\n };\r\n }\r\n this.selectRow = [];\r\n this.getMessageList();\r\n this.getUnreadNumber();\r\n this.mixins_search();\r\n },\r\n toUrl(id, type, sceneType, urllink) {\r\n debugger;\r\n this.$http.post('/sc-message/message/updateMultiple', { ids: [id], messageStatus: 1 }).then(({ status, data, msg }) => {});\r\n let url, appId;\r\n url = urllink;\r\n appId = '1003';\r\n // if (type == 1 || type == 2) {\r\n // appId = this.sceneTypes[sceneType] || '1003';\r\n // } else if (type == 4) {\r\n // appId = '1003';\r\n // } else if (type == 3 || type == 7) {\r\n // appId = '1003';\r\n // }\r\n //查询linkpath能不能跳转\r\n this.$http\r\n .postForm('/sc-message/message/judgingTheMessageJumpPermission', {\r\n url: url.split('/')[url.split('/').length - 1],\r\n appId: appId\r\n })\r\n .then(({ status, data, msg }) => {\r\n url = url + '&access_token=' + localStorage.getItem('SC_token');\r\n window.open(url);\r\n // if(status==0&&data==0){\r\n // window.open(url);\r\n // }else{\r\n // this.$message.error(\"您没有该系统权限\")\r\n // }\r\n });\r\n },\r\n selectionChange(val) {\r\n let arr = [];\r\n if (val.length) {\r\n val.map((item, index) => {\r\n arr.push(item.id);\r\n });\r\n this.selectRow = arr;\r\n return;\r\n }\r\n this.selectRow = [];\r\n },\r\n deleteOne() {\r\n this.$msgBox(`您确定要删除选中的${this.selectRow.length}条消息`, '删除后将无法恢复,是否继续?')\r\n .then((_) => {\r\n this.$http\r\n .post('/sc-message/message/updateMultiple', { ids: this.selectRow, status: 0 })\r\n .then(({ status, data, msg }) => {\r\n if (status === 0) {\r\n this.search();\r\n this.$refs.table.checkAllChange();\r\n this.$message.success('删除消息成功');\r\n }\r\n });\r\n })\r\n .catch((err) => {});\r\n },\r\n deleteAll() {\r\n this.$msgBox(`您确定要删除全部消息`, '删除后将无法恢复,是否继续?')\r\n .then((_) => {\r\n this.$http.post('/sc-message/message/updateMultiple', { ids: [], status: 0 }).then(({ status, data, msg }) => {\r\n if (status === 0) {\r\n this.search();\r\n this.$refs.table.checkAllChange();\r\n this.$message.success('删除全部消息成功');\r\n }\r\n });\r\n })\r\n .catch((err) => {});\r\n },\r\n mark() {\r\n this.$msgBox(`您确定要标记选中的${this.selectRow.length}条消息为已读`, '标记后将无法恢复,是否继续?', 'warning')\r\n .then((_) => {\r\n this.$http\r\n .post('/sc-message/message/updateMultiple', { ids: this.selectRow, messageStatus: 1 })\r\n .then(({ status, data, msg }) => {\r\n if (status === 0) {\r\n this.search();\r\n this.$refs.table.checkAllChange();\r\n this.$message.success('标记已读消息成功');\r\n }\r\n });\r\n })\r\n .catch((err) => {});\r\n },\r\n markAll() {\r\n this.$msgBox(`您确定要标记全部消息为已读`, '标记后将无法恢复,是否继续?', 'warning')\r\n .then((_) => {\r\n this.$http.post('/sc-message/message/updateMultiple', { ids: [], messageStatus: 1 }).then(({ status, data, msg }) => {\r\n if (status === 0) {\r\n this.search();\r\n this.$refs.table.checkAllChange();\r\n this.$message.success('标记全部消息成功');\r\n }\r\n });\r\n })\r\n .catch((err) => {});\r\n },\r\n //查询未读消息数量\r\n getUnreadNumber() {\r\n this.$http.postForm('/sc-message/message/queryUnreadMessageStatic').then(({ status, data, msg }) => {\r\n if (status === 0) {\r\n let sum = 0;\r\n data.map((item, index) => {\r\n sum = sum + item.cn;\r\n });\r\n this.unreadNum = sum;\r\n if (sum == 0) {\r\n this.$store.commit('setmessageNumber', false);\r\n } else {\r\n this.$store.commit('setmessageNumber', true);\r\n }\r\n data.unshift({ type: '全部类型', cn: sum, typeId: -1 });\r\n this.typeList = data;\r\n }\r\n });\r\n },\r\n //获取最新消息列表\r\n getMessageList() {\r\n this.$http.postForm('/sc-message/message/queryLastMessage', { num: '5' }).then(({ status, data, msg }) => {\r\n if (status === 0) {\r\n this.$store.commit('setmessageList', data);\r\n }\r\n });\r\n }\r\n },\r\n created() {\r\n this.mixins_dataUrl = '/sc-message/message/selectPage';\r\n this.search();\r\n }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import '@assets/css/public-style.scss';\r\n.msg_wrap {\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n .msg_type {\r\n // float: left;\r\n width: 200px;\r\n height: 730px;\r\n border-right: 1px solid #f6f6f6;\r\n box-sizing: border-box;\r\n background: #ffffff;\r\n .title {\r\n height: 48px;\r\n line-height: 48px;\r\n padding-left: 20px;\r\n color: #212226;\r\n margin-top: 6px;\r\n font-size: 16px;\r\n cursor: pointer;\r\n }\r\n .active {\r\n background: rgba(39, 135, 241, 0.1);\r\n color: $mainTextColor;\r\n border-right: 2px solid $mainTextColor;\r\n }\r\n }\r\n .content_type {\r\n width: calc(100% - 200px);\r\n .msg_title {\r\n display: flex;\r\n height: 60px;\r\n line-height: 60px;\r\n font-size: 14px;\r\n background: #ffffff;\r\n .title {\r\n height: 58px;\r\n margin: 0 25px;\r\n text-align: center;\r\n cursor: pointer;\r\n }\r\n .active {\r\n color: $mainTextColor;\r\n border-bottom: 2px solid $mainTextColor;\r\n }\r\n }\r\n }\r\n .operate {\r\n .btn {\r\n height: 30px;\r\n }\r\n .disabled {\r\n height: 30px;\r\n background: #f8fcff;\r\n border: 1px solid #d8d8d8;\r\n border-radius: 4px;\r\n color: #d8d8d8;\r\n }\r\n }\r\n}\r\n.active {\r\n color: $mainTextColor;\r\n cursor: pointer;\r\n}\r\n.point {\r\n width: 4px;\r\n height: 4px;\r\n background: #fe7271;\r\n border-radius: 50%;\r\n display: inline-block;\r\n margin-right: 5px;\r\n vertical-align: middle;\r\n}\r\n.unpoint {\r\n width: 4px;\r\n height: 4px;\r\n border-radius: 50%;\r\n display: inline-block;\r\n margin-right: 5px;\r\n vertical-align: middle;\r\n}\r\n/deep/ .el-table {\r\n border: none;\r\n border-top: 1px solid #f6f6f6;\r\n height: 670px;\r\n overflow: auto;\r\n}\r\n\r\n/deep/ .foot {\r\n display: flex;\r\n justify-content: space-between;\r\n .selectAll {\r\n display: flex;\r\n margin-top: 20px;\r\n .el-checkbox__input {\r\n margin: 5px 20px 5px 15px;\r\n vertical-align: middle;\r\n }\r\n }\r\n}\r\n/deep/ .el-table__header .el-table_1_column_2 .cell span {\r\n margin-left: 10px;\r\n}\r\n</style>"]}]}
|