{"remainingRequest":"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=style&index=0&id=188e00b0&lang=scss&scoped=true&","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\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\sass-loader\\lib\\loader.js","mtime":1533139052000},{"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":["\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@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}\np{\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",{"version":3,"sources":["pm25-position.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"pm25-position.vue","sourceRoot":"src/views/modules/equipmentManage","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>"]}]}