{"version":3,"sources":["webpack:///./src/assets/images/hardwareManagement/pic04.png","webpack:///./src/views/hardwareManagement/HardwareCenter.vue?ed1d","webpack:///src/views/hardwareManagement/HardwareCenter.vue","webpack:///./src/views/hardwareManagement/HardwareCenter.vue?b9c7","webpack:///./src/views/hardwareManagement/HardwareCenter.vue","webpack:///./src/views/hardwareManagement/HardwareCenter.vue?894e","webpack:///./src/assets/images/upload-bg.png","webpack:///./src/assets/images/hardwareManagement/pic03.png","webpack:///./src/assets/images/hardwareManagement/pic02.png"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","class","cardList","length","staticClass","on","onSearchVal","_l","item","index","key","onHardwareDetails","attrs","imageUrl","i","idx","_v","_s","title","title2","state","ip","_e","connect","nativeOn","$event","stopPropagation","model","value","callback","$$v","$set","expression","directives","name","rawName","staticRenderFns","components","data","cardListAll","created","methods","arrSearch","filter","equipmentList","some","indexOf","val","$router","push","switchChange","component"],"mappings":"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","file":"js/chunk-de868240.0a88e68f.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/pic04.6c42ed0c.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:['hardware-center', _vm.cardList.length < 3 ? 'hardware-center-auto' : '']},[_c('hardware-head',{staticClass:\"training-head\",on:{\"onSearchVal\":_vm.onSearchVal}}),_c('div',{staticClass:\"hardware-center-list\"},_vm._l((_vm.cardList),function(item,index){return _c('div',{key:index,class:['hardware-list-card', _vm.cardList.length === 1 ? 'card-auto' : ''],on:{\"click\":_vm.onHardwareDetails}},[(item.imageUrl)?_c('img',{attrs:{\"src\":item.imageUrl,\"alt\":\"\"}}):_c('img',{attrs:{\"src\":require(\"../../assets/images/upload-bg.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"equipment-list\"},_vm._l((item.equipmentList),function(i,idx){return _c('div',{key:idx,staticClass:\"equipment-state\"},[_c('span',{staticClass:\"equipment-name\"},[_c('span',[_vm._v(_vm._s(i.title))]),_c('span',[_vm._v(_vm._s(i.title2))])]),_c('span',{class:[\n              'equipment-on-line',\n              i.state === '离线' ? 'equipment-off-line' : '' ]},[_c('i',{staticClass:\"icon\"}),_vm._v(_vm._s(i.state)+\" \")]),(i.state === '在线' ? true : false)?_c('span',{staticClass:\"equipment-ip\"},[_vm._v(\"ID: \"+_vm._s(i.ip))]):_vm._e(),_c('div',{staticClass:\"equipment-connect\"},[_c('el-tooltip',{attrs:{\"content\":i.connect,\"placement\":\"top\"}},[(i.connect)?_c('el-switch',{attrs:{\"active-color\":\"#278AFF\",\"inactive-color\":\"#ccc\",\"active-value\":\"已连接\",\"inactive-value\":\"未连接\"},nativeOn:{\"click\":function($event){$event.stopPropagation();}},model:{value:(i.connect),callback:function ($$v) {_vm.$set(i, \"connect\", $$v)},expression:\"i.connect\"}}):_vm._e()],1),_c('span',{staticClass:\"equipment-connect-text\"},[_vm._v(_vm._s(i.connect))])],1),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(idx < 2),expression:\"idx < 2\"}],staticClass:\"line\"})])}),0)])}),0)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- 硬件管理中心 -->\n<template>\n  <div :class=\"['hardware-center', cardList.length < 3 ? 'hardware-center-auto' : '']\">\n    <hardware-head class=\"training-head\" @onSearchVal=\"onSearchVal\"></hardware-head>\n    <div class=\"hardware-center-list\">\n      <div\n        :class=\"['hardware-list-card', cardList.length === 1 ? 'card-auto' : '']\"\n        v-for=\"(item, index) in cardList\"\n        :key=\"index\"\n        @click=\"onHardwareDetails\"\n      >\n        <img v-if=\"item.imageUrl\" :src=\"item.imageUrl\" alt=\"\" />\n        <img v-else src=\"../../assets/images/upload-bg.png\" alt=\"\" />\n        <div class=\"equipment-list\">\n          <div\n            class=\"equipment-state\"\n            v-for=\"(i, idx) in item.equipmentList\"\n            :key=\"idx\"\n          >\n            <span class=\"equipment-name\">\n              <span>{{ i.title }}</span>\n              <span>{{ i.title2 }}</span>\n            </span>\n            <span\n              :class=\"[\n                'equipment-on-line',\n                i.state === '离线' ? 'equipment-off-line' : '',\n              ]\"\n            >\n              <i class=\"icon\"></i>{{ i.state }}\n            </span>\n            <span class=\"equipment-ip\" v-if=\"i.state === '在线' ? true : false\"\n              >ID: {{ i.ip }}</span\n            >\n            <div class=\"equipment-connect\">\n              <el-tooltip :content=\"i.connect\" placement=\"top\">\n                <el-switch\n                  v-model=\"i.connect\"\n                  active-color=\"#278AFF\"\n                  inactive-color=\"#ccc\"\n                  active-value=\"已连接\"\n                  inactive-value=\"未连接\"\n                  @click.stop.native\n                  v-if=\"i.connect\"\n                >\n                </el-switch>\n              </el-tooltip>\n              <span class=\"equipment-connect-text\">{{ i.connect }}</span>\n            </div>\n            <div class=\"line\" v-show=\"idx < 2\"></div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport HardwareHead from './HardwareHead.vue'\n\nexport default {\n  name: 'hardware-center',\n  components: { HardwareHead },\n  data() {\n    return {\n      cardListAll: [\n        {\n          imageUrl: require('../../assets/images/hardwareManagement/pic01.png'),\n          equipmentList: [\n            {\n              title: '摄像头1',\n              title2: '前台',\n              ip: '10.1.20.101',\n              state: '在线',\n              connect: '未连接',\n            },\n            {\n              title: '摄像头2',\n              title2: '大厅',\n              ip: '10.1.20.101',\n              state: '在线',\n              connect: '已连接',\n            },\n            {\n              title: '摄像头3',\n              title2: '厨房',\n              ip: '10.1.20.101',\n              state: '离线',\n              connect: '',\n            },\n          ],\n        },\n        {\n          imageUrl: require('../../assets/images/hardwareManagement/pic02.png'),\n          equipmentList: [\n            {\n              title: '机械臂1',\n              title2: '前台',\n              ip: '10.1.20.101',\n              state: '在线',\n              connect: '未连接',\n            },\n            {\n              title: '机械臂2',\n              title2: '大厅',\n              ip: '10.1.20.101',\n              state: '在线',\n              connect: '已连接',\n            },\n            {\n              title: '机械臂3',\n              title2: '厨房',\n              ip: '10.1.20.101',\n              state: '离线',\n              connect: '',\n            },\n          ],\n        },\n        {\n          imageUrl: require('../../assets/images/hardwareManagement/pic03.png'),\n          equipmentList: [\n            {\n              title: 'AGV无人小车1',\n              title2: '前台',\n              ip: '10.1.20.101',\n              state: '在线',\n              connect: '未连接',\n            },\n            {\n              title: 'AGV无人小车2',\n              title2: '大厅',\n              ip: '10.1.20.101',\n              state: '在线',\n              connect: '已连接',\n            },\n            {\n              title: 'AGV无人小车3',\n              title2: '厨房',\n              ip: '10.1.20.101',\n              state: '离线',\n              connect: '',\n            },\n          ],\n        },\n        {\n          imageUrl: require('../../assets/images/hardwareManagement/pic04.png'),\n          equipmentList: [\n            {\n              title: 'AI音响1',\n              title2: '前台',\n              ip: '11.1.20.101',\n              state: '在线',\n              connect: '未连接',\n            },\n            {\n              title: 'AI音响2',\n              title2: '大厅',\n              ip: '12.1.20.101',\n              state: '在线',\n              connect: '已连接',\n            },\n            {\n              title: 'AI音响3',\n              title2: '厨房',\n              ip: '12.1.20.101',\n              state: '离线',\n              connect: '',\n            },\n          ],\n        },\n      ],\n      cardList: []\n    }\n  },\n  created() {\n    this.cardList = this.cardListAll\n  },\n  methods: {\n    onSearchVal(val) {\n      let arrSearch = [],\n        cardList = JSON.parse(JSON.stringify(this.cardListAll));\n      arrSearch = cardList.filter((item) => {\n        return item.equipmentList.some((i) => {\n          return i.title.indexOf(val) !== -1 || i.ip.indexOf(val) !== -1\n        })\n      })\n      this.cardList = arrSearch ? arrSearch : this.cardListAll\n    },\n    // 进入硬件详情\n    onHardwareDetails() {\n      this.$router.push({\n        name: 'hardware-details',\n      })\n    },\n    switchChange(val) {\n      // console.log(val)\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\ndiv {\n  box-sizing: border-box;\n}\n.hardware-center {\n  width: 100%;\n  // height: 100%;\n  background: linear-gradient(90deg, #9688ff, #188aff);\n  padding: 0 50px 150px;\n  .hardware-center-list {\n    // width: 1200px;\n    margin: 0 auto;\n    // background-color: skyblue;\n    padding-top: 50px;\n    display: flex;\n    justify-content: space-between;\n    flex-wrap: wrap;\n    .hardware-list-card {\n      // width: 880px;\n      // width: 48.5%;\n      width: 45vw;\n      min-width: 670px;\n      height: 310px;\n      background: rgba(255, 255, 255, 0.2);\n      box-shadow: 0px 0px 12px 0px rgba(1, 14, 47, 0.2);\n      border-radius: 20px;\n      margin-bottom: 40px;\n      display: flex;\n      cursor: pointer;\n      img {\n        width: 120px;\n        height: 120px;\n        background: #ffffff;\n        border: 2px solid #ffffff;\n        border-radius: 60px;\n        // margin: 93px 53px 93px 50px;\n        margin: 93px 3vw 93px 3vw;\n        box-sizing: border-box;\n      }\n      .equipment-list {\n        display: flex;\n        flex-direction: column;\n        padding-right: 36px;\n        .equipment-state {\n          // width: 620px;\n          width: 30vw;\n          min-width: 440px;\n          height: 100px;\n          display: flex;\n          flex-wrap: wrap;\n          // justify-content: space-between;\n          line-height: 100px;\n          position: relative;\n          span {\n            color: #ffffff;\n            // margin-right: 10px;\n          }\n          .equipment-name {\n            // width: 160px;\n            width: 30%;\n            display: flex;\n            flex-direction: column;\n            padding-top: 30px;\n            span {\n              line-height: 1;\n              margin-right: 0;\n            }\n            span:first-child {\n              font-size: 18px;\n              margin-bottom: 4px;\n            }\n            span:last-child {\n              opacity: 0.8;\n            }\n          }\n          .equipment-on-line {\n            font-size: 12px;\n            .icon {\n              width: 20px;\n              height: 20px;\n              display: inline-block;\n              background: url('../../assets/images/hardwareManagement/on-line.png')\n                no-repeat;\n              background-size: contain;\n              vertical-align: middle;\n              margin-top: -5px;\n              // margin-right: 20px;\n              margin-right: 0.8vw;\n            }\n          }\n          .equipment-off-line {\n            color: rgba(255, 255, 255, 0.7);\n            .icon {\n              background: url('../../assets/images/hardwareManagement/off-line.png')\n                no-repeat;\n            }\n          }\n          .equipment-ip {\n            // width: 9vw;\n            width: 30%;\n            text-align: right;\n            // margin-left: 90px;\n            // margin-left: 3vw;\n          }\n\n          .equipment-connect {\n            position: absolute;\n            top: 0;\n            right: 0;\n            span {\n              margin-right: 0;\n            }\n            /deep/.el-switch__core {\n              // width: 36px;\n              // height: 18px;\n              background: #278aff;\n              border: 2px solid #ffffff !important;\n              // margin-right: 20px;\n              margin-right: 0.8vw;\n              &:after {\n                top: 0;\n              }\n            }\n          }\n\n          .line {\n            width: 100%;\n            height: 1px;\n            background: #ffffff;\n            opacity: 0.2;\n          }\n        }\n      }\n    }\n\n    .card-auto {\n      margin: 0 auto;\n    }\n  }\n}\n\n.hardware-center-auto {\n  height: 100%;\n  // .hardware-list-card {\n  //   margin: 0 auto;\n  // }\n}\n\n@media screen and (max-width: 1456px) {\n  .hardware-list-card {\n    margin: 0 auto;\n  }\n}\n</style>\n","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!./HardwareCenter.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!./HardwareCenter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HardwareCenter.vue?vue&type=template&id=335bccb1&scoped=true&\"\nimport script from \"./HardwareCenter.vue?vue&type=script&lang=js&\"\nexport * from \"./HardwareCenter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HardwareCenter.vue?vue&type=style&index=0&id=335bccb1&lang=scss&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  \"335bccb1\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HardwareCenter.vue?vue&type=style&index=0&id=335bccb1&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HardwareCenter.vue?vue&type=style&index=0&id=335bccb1&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/upload-bg.b0e3d6fb.png\";","module.exports = __webpack_public_path__ + \"img/pic03.056bf5ad.png\";","module.exports = __webpack_public_path__ + \"img/pic02.17f3a6ed.png\";"],"sourceRoot":""}