{"version":3,"sources":["webpack:///./src/views/tenantSysSettings/deviceTypeImg.vue?7dea","webpack:///src/views/tenantSysSettings/deviceTypeImg.vue","webpack:///./src/views/tenantSysSettings/deviceTypeImg.vue?d8b3","webpack:///./src/views/tenantSysSettings/deviceTypeImg.vue","webpack:///./src/views/tenantSysSettings/deviceTypeImg.vue?c7f6"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","deviceTemplate","length","_v","_e","_l","item","index","key","attrs","src","imgSrc","alt","name","_s","size","icon","on","click","$event","showTemplate","dTemplate","title","visible","dialogVisible","width","custom-class","update:visible","$set","close","partialUpdate","label","info","action","actionUrl","show-file-list","before-upload","beforeAvatarUpload","on-success","handleAvatarSuccess","on-error","handleError","headers","imageUrl","staticRenderFns","deviceTypeImgvue_type_script_lang_js_","inject","components","data","updateImg","created","_this","$store","getters","token","Object","constants_controller","type","then","res","message","forEach","device_controller","imgRes","url","push","error","console","log","methods","file","isImg","isLt2M","$message","URL","createObjectURL","raw","err","tenantSysSettings_deviceTypeImgvue_type_script_lang_js_","component","componentNormalizer","__webpack_exports__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_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_lib_loader_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_deviceTypeImg_vue_vue_type_style_index_0_id_46c38f14_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_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_lib_loader_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_deviceTypeImg_vue_vue_type_style_index_0_id_46c38f14_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","n"],"mappings":"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","file":"js/chunk-9de9428c.cf681a80.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"device-template table-container\"},[(_vm.deviceTemplate.length === 0)?_c('p',{staticClass:\"null-data-msg\"},[_vm._v(\"暂无数据\")]):_vm._e(),_vm._l((_vm.deviceTemplate),function(item,index){return _c('div',{key:index,staticClass:\"d-t-item\"},[_c('div',{staticClass:\"item-img\"},[_c('img',{staticClass:\"template-img\",attrs:{\"src\":item.imgSrc,\"alt\":item.name + ' 图片'}})]),_c('div',{staticClass:\"template-info\"},[_c('div',{staticClass:\"template-name\"},[_c('span',[_vm._v(_vm._s(item.name))])]),_c('el-button',{attrs:{\"size\":\"mini\",\"icon\":\"el-icon-edit\"},on:{\"click\":function($event){return _vm.showTemplate(item, index)}}})],1)])}),(_vm.dTemplate.dialogVisible)?_c('el-dialog',{attrs:{\"title\":\"设备类型图片\",\"visible\":_vm.dTemplate.dialogVisible,\"width\":\"45%\",\"custom-class\":\"dialog-d-t\"},on:{\"update:visible\":function($event){return _vm.$set(_vm.dTemplate, \"dialogVisible\", $event)},\"close\":_vm.partialUpdate}},[_c('el-form',[_c('el-form-item',{attrs:{\"label\":\"设备类型\"}},[_c('span',[_vm._v(_vm._s(_vm.dTemplate.info.name))])]),_c('el-card',{staticClass:\"msg-card\"},[(_vm.imageUrl)?_c('span',[_vm._v(\"可点击下方展示框，设置更换设备类型图片\")]):_c('span',[_vm._v(\"该设备类型未设置图片，请点击下方添加框设置\")])]),_c('el-form-item',{attrs:{\"label\":\"对应图片\"}},[_c('el-upload',{staticClass:\"avatar-uploader\",attrs:{\"action\":_vm.actionUrl,\"show-file-list\":false,\"before-upload\":_vm.beforeAvatarUpload,\"on-success\":_vm.handleAvatarSuccess,\"on-error\":_vm.handleError,\"headers\":_vm.headers}},[(_vm.imageUrl)?_c('img',{staticClass:\"avatar\",attrs:{\"src\":_vm.imageUrl}}):_c('i',{staticClass:\"el-icon-plus avatar-uploader-icon\"})])],1)],1)],1):_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"device-template table-container\">\n    <p v-if=\"deviceTemplate.length === 0\" class=\"null-data-msg\">暂无数据</p>\n    <div class=\"d-t-item\" v-for=\"(item, index) of deviceTemplate\" :key=\"index\">\n      <div class=\"item-img\">\n        <img :src=\"item.imgSrc\" :alt=\"item.name + ' 图片'\" class=\"template-img\" />\n      </div>\n      <div class=\"template-info\">\n        <div class=\"template-name\">\n          <span>{{item.name}}</span>\n        </div>\n        <el-button size=\"mini\" icon=\"el-icon-edit\" @click=\"showTemplate(item, index)\"></el-button>\n      </div>\n    </div>\n\n    <el-dialog title=\"设备类型图片\" :visible.sync=\"dTemplate.dialogVisible\" v-if=\"dTemplate.dialogVisible\" width=\"45%\"  @close=\"partialUpdate\" custom-class=\"dialog-d-t\">\n      <el-form>\n        <el-form-item label=\"设备类型\">\n          <span>{{dTemplate.info.name}}</span>\n        </el-form-item>\n        <el-card class=\"msg-card\">\n          <span v-if=\"imageUrl\">可点击下方展示框，设置更换设备类型图片</span>\n          <span v-else>该设备类型未设置图片，请点击下方添加框设置</span>\n        </el-card>\n        <el-form-item label=\"对应图片\">\n          <el-upload\n            class=\"avatar-uploader\"\n            :action=\"actionUrl\"\n            :show-file-list=\"false\"\n            :before-upload=\"beforeAvatarUpload\"\n            :on-success=\"handleAvatarSuccess\"\n            :on-error=\"handleError\"\n            :headers=\"headers\"\n          >\n            <img v-if=\"imageUrl\" :src=\"imageUrl\" class=\"avatar\">\n            <i v-else class=\"el-icon-plus avatar-uploader-icon\"></i>\n          </el-upload>\n        </el-form-item>\n      </el-form>\n      <!-- <deviceTypes :dTemplate=\"dTemplate\" ></deviceTypes> -->\n    </el-dialog>\n  </div>\n</template>\n\n<script>\nimport { getConstantsAttributeById } from '@/api/constants-controller'\nimport { getDevicePic } from '@/api/device-controller'\n// import deviceTypes from './components/deviceTypes.vue'\n\nexport default {\n  name: 'deviceTypeImg',\n  inject: ['reload'],\n  components: {\n    // deviceTypes\n  },\n  data() {\n    return {\n      dTemplate: {\n        dialogVisible: false,\n        info: '',\n        index: 0\n      },\n      deviceTemplate: [],\n      headers: {},\n      imageUrl: '',\n      // // https://api.test.istarscloud.com/api/ 暂时要这个才能更换，上版本应为下方的\n      // actionUrl: 'https://api.test.istarscloud.com/api/device/image/',\n      actionUrl: 'http://test.istarscloud.com:8081/api/device/image/',\n      updateImg: false\n    }\n  },\n  created() {\n    this.headers['X-Authorization'] = 'Bearer ' + this.$store.getters.token\n    // 获取全部类型 + 图片\n    getConstantsAttributeById({ type: 'deviceTemplate' }).then(res => {\n      this.deviceTemplate = []\n      if (res.data.length === 0) {\n        this.dTemplate.message = '暂无类型数据'\n      } else {\n        res.data.forEach(item => {\n          try {\n            getDevicePic(item.key).then(imgRes => {\n              item.imgSrc = imgRes.data.url\n              this.deviceTemplate.push(item)\n            })\n          } catch (error) {\n            this.deviceTemplate.push(item)\n          }\n        })\n      }\n    })\n    console.log(123, this.deviceTemplate, this.updateImg)\n  },\n  methods: {\n    showTemplate(item, index) {\n      this.dTemplate.dialogVisible = true\n      this.dTemplate.info = item\n      this.dTemplate.index = index\n      this.imageUrl = item.imgSrc\n      this.actionUrl = 'http://test.istarscloud.com:8081/api/device/image/' + this.dTemplate.info.key\n    },\n    partialUpdate() {\n      console.log(this.deviceTemplate[this.dTemplate.index], '关闭')\n      if (this.updateImg) {\n        this.updateImg = false\n        this.deviceTemplate[this.dTemplate.index].imgSrc = this.imageUrl\n      }\n    },\n    beforeAvatarUpload(file) {\n      let isImg = true\n      const isLt2M = file.size / 1024 / 1024 < 2\n\n      if (file.type === 'image/jpeg' || file.type === 'image/png' || file.type === 'image/bmp' || file.type === 'image/x-bmp') {\n        isImg = true\n      } else {\n        isImg = false\n        this.$message.error('上传图片只能是 JPG,JPEG,PNG,BMP 格式!')\n      }\n      if (!isLt2M) {\n        this.$message.error('上传图片大小不能超过 2MB!')\n      }\n      return isImg && isLt2M\n    },\n    handleAvatarSuccess(res, file) {\n      this.imageUrl = URL.createObjectURL(file.raw)\n      this.$message({\n        type: 'success',\n        message: '上传图片成功'\n      })\n      this.updateImg = true\n      // setTimeout(this.refresh(), 3000)\n    },\n    handleError(err) {\n      console.log(err)\n      this.$message({\n        type: 'error',\n        message: '上传失败'\n      })\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.device-template {\n  width: 100%;\n  height: 100%;\n  overflow-y: auto;\n  display: flex;\n  flex-wrap: wrap;\n  .null-data-msg {\n    text-align: center;\n    margin: 15% auto;\n  }\n  .d-t-item {\n    margin: 12px;\n    width: 250px;\n    background: #115894;\n    // height: 250px;\n    // position: relative;\n    // border: 1px solid rgba(175, 175, 175, .5);\n    &:hover {\n      // box-shadow: 0 0 10px 1px rgba(181, 181, 181, 0.5);\n      background: #0084f3;\n    }\n    .item-img {\n      width: 250px;\n      height: 250px;\n    }\n    .template-img {\n      width: 250px;\n      height: 250px;\n      max-width: 250px;\n      max-height: 250px;\n    }\n    .template-info {\n      // position: absolute;\n      // bottom: 0px;\n      width: 100%;\n      padding: 7px 10px 10px 10px;\n      display: flex;\n      justify-content: space-between;\n      overflow: hidden;\n      background: rgba(35, 55, 80, 0.36);\n    }\n  }\n  .template-name {\n    width: 200px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    margin-top: 7px;\n    span {\n      margin: 7px 0;\n    }\n  }\n  .dialog-d-t {\n    .avatar-uploader .el-upload {\n      border: 1px dashed #d9d9d9;\n      border-radius: 6px;\n      cursor: pointer;\n      position: relative;\n      overflow: hidden;\n    }\n    .avatar-uploader .el-upload:hover {\n      border-color: #409EFF;\n    }\n    .avatar-uploader-icon {\n      font-size: 28px;\n      color: #8c939d;\n      width: 250px;\n      height: 250px;\n      line-height: 250px;\n      text-align: center;\n    }\n    .avatar {\n      width: 250px;\n      height: 250px;\n      max-width: 250px;\n      max-height: 250px;\n      display: block;\n      overflow: hidden;\n    }\n    .msg-card {\n      margin-bottom: 20px;\n    }\n  }\n}\n</style>\n\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!./deviceTypeImg.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!./deviceTypeImg.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./deviceTypeImg.vue?vue&type=template&id=46c38f14&scoped=true&\"\nimport script from \"./deviceTypeImg.vue?vue&type=script&lang=js&\"\nexport * from \"./deviceTypeImg.vue?vue&type=script&lang=js&\"\nimport style0 from \"./deviceTypeImg.vue?vue&type=style&index=0&id=46c38f14&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  \"46c38f14\",\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/index.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/lib/loader.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!./deviceTypeImg.vue?vue&type=style&index=0&id=46c38f14&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/index.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/lib/loader.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!./deviceTypeImg.vue?vue&type=style&index=0&id=46c38f14&lang=scss&scoped=true&\""],"sourceRoot":""}