{"version":3,"sources":["webpack:///./src/views/report/components/DepartmentAccessCard.vue","webpack:///src/views/report/components/DepartmentAccessCard.vue","webpack:///./src/views/report/components/DepartmentAccessCard.vue?65eb","webpack:///./src/views/report/components/DepartmentAccessCard.vue?4aab","webpack:///./src/views/report/components/DepartmentAccessCard.vue?f43a","webpack:///./src/views/report/components/DepartmentAccessCard.vue?7742"],"names":["render","_vm","this","_c","_self","attrs","cameraData","gutter","xl","lg","md","sm","xs","scopedSlots","_u","key","fn","item","index","paddingBottom","paddingRight","staticStyle","slot","staticClass","_v","_s","departName","substring","style","gatewayCount","total","color","tlCount","tlRate","gatewayCameraReportList","length","on","$event","handleGatewayClick","staticRenderFns","name","props","camera_data","Array","data","watch","getCameraData","methods","$emit","mounted","$nextTick","component"],"mappings":"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","file":"js/chunk-008f3f7e.b2e52924.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('a-list',{attrs:{\"data-source\":_vm.cameraData,\"grid\":{ gutter: 24, xl: 6, lg: 4, md: 3, sm: 2, xs: 1 }},scopedSlots:_vm._u([{key:\"renderItem\",fn:function(item, index){return _c('a-list-item',{},[_c('a-card',{attrs:{\"body-style\":{ paddingBottom: 20, paddingRight: 0 },\"hoverable\":\"\"}},[_c('a-card-meta',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\"}},[_c('template',{slot:\"title\"},[_c('div',{staticClass:\"department-title\"},[_vm._v(_vm._s(index+1)+\". \"+_vm._s(item.departName))])]),_c('template',{slot:\"avatar\"},[_c('div',{staticClass:\"department-icon\"},[_vm._v(_vm._s(item.departName !== null ? item.departName.substring(0, 2) : ''))])])],2),_c('div',{},[_c('div',{staticClass:\"card-num\",style:({'background-color':(item.gatewayCount>0 ? '#13c010' : '#e2e0e5'),'color':(item.gatewayCount>0 ? '#fff' : '#884ed8')})},[_vm._v(_vm._s(item.index))]),_c('div',{staticClass:\"card-info\"},[_c('div',[_c('p',[_vm._v(\"接入总数\")]),_c('p',[_vm._v(_vm._s(item.total))])]),_c('div',[_c('p',[_vm._v(\"在线数\")]),_c('p',{style:({color:(item.gatewayCount>0 ? '#13b810' : 'rgba(0, 0, 0, 0.65)')})},[_vm._v(_vm._s(item.tlCount))])]),_c('div',[_c('p',[_vm._v(\"在线率(%)\")]),_c('p',[_vm._v(_vm._s(item.tlRate))])]),(item.gatewayCameraReportList !== null && item.gatewayCameraReportList.length > 0)?_c('div',[_c('a-tooltip',{attrs:{\"placement\":\"right\"}},[_c('template',{slot:\"title\"},[_vm._v(\"\\n                                点我试试\\n                            \")]),_c('a',{on:{\"click\":function($event){return _vm.handleGatewayClick(item.departName, item.gatewayCameraReportList)}}},[_c('p',[_vm._v(\"网关数\")]),_c('p',{staticStyle:{\"text-decoration\":\"underline\"}},[_vm._v(_vm._s(item.gatewayCount))])])],2)],1):_c('div',[_c('p',[_vm._v(\"网关数\")]),_c('p',[_vm._v(_vm._s(item.gatewayCount))])])])])],1)],1)}}])})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <a-list :data-source=\"cameraData\" :grid=\"{ gutter: 24, xl: 6, lg: 4, md: 3, sm: 2, xs: 1 }\">\r\n        <a-list-item slot=\"renderItem\" slot-scope=\"item, index\">\r\n            <a-card :body-style=\"{ paddingBottom: 20, paddingRight: 0 }\" hoverable>\r\n                <a-card-meta style=\"display: flex;align-items: center;\">\r\n                    <template slot=\"title\">\r\n                        <div class=\"department-title\">{{index+1}}. {{item.departName}}</div>\r\n                    </template>\r\n                    <template slot=\"avatar\">\r\n                        <div class=\"department-icon\">{{ item.departName !== null ? item.departName.substring(0, 2) : ''}}</div>\r\n                    </template>\r\n                </a-card-meta>\r\n                <div class=\"\">\r\n                    <div class=\"card-num\" :style=\"{'background-color':(item.gatewayCount>0 ? '#13c010' : '#e2e0e5'),'color':(item.gatewayCount>0 ? '#fff' : '#884ed8')}\">{{item.index}}</div>\r\n                    <div class=\"card-info\">\r\n                        <div>\r\n                            <p>接入总数</p>\r\n                            <p>{{item.total}}</p>\r\n                        </div>\r\n                        <div>\r\n                            <p>在线数</p>\r\n                            <p :style=\"{color:(item.gatewayCount>0 ? '#13b810' : 'rgba(0, 0, 0, 0.65)')}\">{{ item.tlCount }}</p>\r\n                        </div>\r\n                        <div>\r\n                            <p>在线率(%)</p>\r\n                            <p>{{item.tlRate}}</p>\r\n                        </div>\r\n                        <div v-if=\"item.gatewayCameraReportList !== null && item.gatewayCameraReportList.length > 0\">\r\n                            <a-tooltip placement=\"right\">\r\n                                <template slot=\"title\">\r\n                                    点我试试\r\n                                </template>\r\n                                <a @click=\"handleGatewayClick(item.departName, item.gatewayCameraReportList)\">\r\n                                    <p>网关数</p>\r\n                                    <p style=\"text-decoration: underline;\">{{item.gatewayCount}}</p>\r\n                                </a>\r\n                            </a-tooltip>\r\n                        </div>\r\n                        <div v-else>\r\n                            <p>网关数</p>\r\n                            <p>{{item.gatewayCount}}</p>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </a-card>\r\n        </a-list-item>\r\n    </a-list>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: 'DepartmentAccessCard',\r\n    props: {\r\n      camera_data: Array,\r\n    },\r\n    data () {\r\n      return {\r\n        cameraData: []\r\n      }\r\n    },\r\n    watch: {\r\n      camera_data () {\r\n        this.getCameraData()\r\n      }\r\n    },\r\n    methods: {\r\n        getCameraData() {\r\n          this.cameraData = this.camera_data\r\n        },\r\n        handleGatewayClick(departName, gatewayCameraReportList) {\r\n          this.$emit('gateway-click', departName, gatewayCameraReportList)\r\n        }\r\n    },\r\n    mounted() {\r\n      this.$nextTick(() => {\r\n\r\n      })\r\n    }\r\n  }\r\n</script>\r\n\r\n<style>\r\n    .depart-access-report /deep/ .ant-tabs-bar {\r\n        margin: 0 0 10px 0;\r\n    }\r\n</style>\r\n<style lang=\"less\" scoped>\r\n    .department-title {\r\n        font-weight: 400;\r\n        font-size: 16px;\r\n    }\r\n\r\n    .department-icon {\r\n        text-align: center;\r\n        background-color: #884ed8;\r\n        color: #fff;\r\n        width: 36px;\r\n        height: 36px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .card-num {\r\n        text-align: center;\r\n        background-color: #e2e0e5;\r\n        color: #884ed8;\r\n        width: 24px;\r\n        height: 24px;\r\n        border-radius: 0px 8px 0px 0px;\r\n        position: absolute;\r\n        top: 0px;\r\n        right: 0px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n    .card-info {\r\n        margin-top: 16px;\r\n        /*margin-left: 12px;*/\r\n        & > div {\r\n            position: relative;\r\n            float: left;\r\n            width: 25%;\r\n            text-align: left;\r\n        }\r\n        p {\r\n            margin: 0;\r\n            font-size: 24px;\r\n            line-height: 32px;\r\n        }\r\n        p:first-child {\r\n            margin-bottom: 4px;\r\n            color: rgba(0, 0, 0, 0.65);\r\n            font-size: 12px;\r\n            line-height: 20px;\r\n        }\r\n    }\r\n\r\n    .ant-card-hoverable {\r\n        cursor: default;\r\n    }\r\n\r\n    .ant-card {\r\n        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);\r\n        border-radius: 8px;\r\n    }\r\n\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DepartmentAccessCard.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DepartmentAccessCard.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./DepartmentAccessCard.vue?vue&type=template&id=61eb8732&scoped=true\"\nimport script from \"./DepartmentAccessCard.vue?vue&type=script&lang=js\"\nexport * from \"./DepartmentAccessCard.vue?vue&type=script&lang=js\"\nimport style0 from \"./DepartmentAccessCard.vue?vue&type=style&index=0&id=61eb8732&prod&lang=css\"\nimport style1 from \"./DepartmentAccessCard.vue?vue&type=style&index=1&id=61eb8732&prod&lang=less&scoped=true\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"61eb8732\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DepartmentAccessCard.vue?vue&type=style&index=1&id=61eb8732&prod&lang=less&scoped=true\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DepartmentAccessCard.vue?vue&type=style&index=0&id=61eb8732&prod&lang=css\""],"sourceRoot":""}