{"remainingRequest":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\src\\views\\modules\\equipmentManage\\pm25-position.vue?vue&type=script&lang=js&","dependencies":[{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\src\\views\\modules\\equipmentManage\\pm25-position.vue","mtime":1614735254000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\babel-loader\\lib\\index.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["import _toConsumableArray from \"C:\\\\Users\\\\27446\\\\Desktop\\\\up\\\\front\\\\dkha-web-sz-main\\\\node_modules\\\\@babel\\\\runtime-corejs2/helpers/esm/toConsumableArray\";\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//\nexport default {\n  props: {\n    value: {\n      type: Array,\n      default: function _default() {\n        return [0, 0];\n      }\n    },\n    pictureid: {\n      type: String,\n      default: \"1f\"\n    }\n  },\n  data: function data() {\n    return {\n      visible: false,\n      naturalWidth: 633,\n      naturalHeight: 338,\n      position: [0, 0]\n    };\n  },\n  methods: {\n    choosePosition: function choosePosition(ev) {\n      var left = Math.round(ev.offsetX / this.naturalWidth * 10000);\n      var top = Math.round(ev.offsetY / this.naturalHeight * 10000);\n      this.position = [left / 100 + '%', top / 100 + '%'];\n    },\n    openHandler: function openHandler() {\n      this.position = _toConsumableArray(this.value);\n    },\n    submitPosition: function submitPosition() {\n      this.$emit(\"input\", this.position);\n      this.visible = false;\n    }\n  }\n};",{"version":3,"sources":["pm25-position.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,eAAA;AACA,EAAA,KAAA,EAAA;AACA,IAAA,KAAA,EAAA;AACA,MAAA,IAAA,EAAA,KADA;AAEA,MAAA,OAAA,EAAA;AAAA,eAAA,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA;AAFA,KADA;AAKA,IAAA,SAAA,EAAA;AACA,MAAA,IAAA,EAAA,MADA;AAEA,MAAA,OAAA,EAAA;AAFA;AALA,GADA;AAWA,EAAA,IAXA,kBAWA;AACA,WAAA;AACA,MAAA,OAAA,EAAA,KADA;AAEA,MAAA,YAAA,EAAA,GAFA;AAGA,MAAA,aAAA,EAAA,GAHA;AAIA,MAAA,QAAA,EAAA,CAAA,CAAA,EAAA,CAAA;AAJA,KAAA;AAMA,GAlBA;AAmBA,EAAA,OAAA,EAAA;AACA,IAAA,cADA,0BACA,EADA,EACA;AACA,UAAA,IAAA,GAAA,IAAA,CAAA,KAAA,CAAA,EAAA,CAAA,OAAA,GAAA,KAAA,YAAA,GAAA,KAAA,CAAA;AACA,UAAA,GAAA,GAAA,IAAA,CAAA,KAAA,CAAA,EAAA,CAAA,OAAA,GAAA,KAAA,aAAA,GAAA,KAAA,CAAA;AACA,WAAA,QAAA,GAAA,CAAA,IAAA,GAAA,GAAA,GAAA,GAAA,EAAA,GAAA,GAAA,GAAA,GAAA,GAAA,CAAA;AACA,KALA;AAMA,IAAA,WANA,yBAMA;AACA,WAAA,QAAA,sBAAA,KAAA,KAAA;AACA,KARA;AASA,IAAA,cATA,4BASA;AACA,WAAA,KAAA,CAAA,OAAA,EAAA,KAAA,QAAA;AACA,WAAA,OAAA,GAAA,KAAA;AACA;AAZA;AAnBA,CAAA","sourcesContent":["<template>\n    <div>\n        <el-row>\n            <el-col :span=\"2\">左：</el-col>\n            <el-col :span=\"8\">\n               <p @click=\"visible=true\">{{value[0]}}</p>\n            </el-col>\n            <el-col :span=\"2\">上：</el-col>\n            <el-col :span=\"8\">\n              <p @click=\"visible=true\">{{value[1]}}</p>\n            </el-col>\n            <el-col :span=\"4\">\n                <i @click=\"visible=true\" class=\"el-icon-location\"></i>\n            </el-col>\n        </el-row>\n        <el-dialog\n            title=\"选择地图位置\"\n            :visible.sync=\"visible\"\n            width=\"700px\"\n            append-to-body\n            @open=\"openHandler\"\n            >\n            <div class=\"position-box\">\n               \t<el-image  @click=\"choosePosition($event)\" :src=\"require('../../../assets/img/map/floor-'+pictureid+'.png')\"></el-image>\n            <el-image class=\"position-icon\" :style=\"{left:position[0],top:position[1]}\" :src=\"require('@/assets/home/normal.png')\"></el-image>\n            </div>\n            <div slot=\"footer\">\n                <el-button @click=\"visible = false\">取 消</el-button>\n                <el-button type=\"primary\" @click=\"submitPosition\">确 定</el-button>\n            </div>\n        </el-dialog>\n    </div>\n</template>\n<script>\nexport default {\n    props:{\n        value:{\n            type:Array,\n            default:()=>[0,0]\n        },\n        pictureid:{\n            type:String,\n            default:\"1f\"\n        }\n    },\n    data(){\n        return {\n            visible:false,\n            naturalWidth:633,\n            naturalHeight:338,\n            position:[0,0]\n        }\n    },\n    methods:{\n        choosePosition(ev){\n            let left=Math.round(ev.offsetX/this.naturalWidth*10000);\n            let top=Math.round(ev.offsetY/this.naturalHeight*10000);\n            this.position=[left/100+'%',top/100+'%'];\n        },\n        openHandler(){\n            this.position=[...this.value];\n        },\n        submitPosition(){\n            this.$emit(\"input\",this.position);\n            this.visible=false;\n        },\n    }\n}\n</script>\n<style lang=\"scss\" scoped>\n    @import '../../../assets/scss/variables';\n    .el-row{\n        .el-col-2{\n            text-align: right;\n        }\n        .el-col-4{\n            .el-icon-location{\n                font-size: 26px;\n                line-height: 1;\n                vertical-align: top;\n                margin-top: 6px;\n                color: $select-background;\n                cursor: pointer;\n            }\n        }\n    }\n    .el-image{\n       text-align: center;\n    }\n    .position-box{\n        position: relative;\n        display: inline-block;\n        .position-icon{\n            width: 24px;\n            height: 24px;\n            position: absolute;\n            transform: translate(-50%,-50%);\n        }\n    }\n    p{\n        color: #fff;\n        cursor: pointer;\n        line-height: 38px;\n        margin: 0 10px 0 0;\n        padding: 0 15px;\n        height: 40px;\n        box-sizing: border-box;\n        border-radius: 4px;\n        border: solid 1px  $color-light-blue;\n        // border-color: $color-light-blue !important;\n        background:rgba($color: $color-light-blue, $alpha: 0.2) !important;\n    }\n</style>"],"sourceRoot":"src/views/modules/equipmentManage"}]}