1 line
23 KiB
JSON
1 line
23 KiB
JSON
{"remainingRequest":"G:\\project\\smart-power-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!G:\\project\\smart-power-ui\\src\\views\\personal\\device\\profile\\details.vue?vue&type=script&lang=js&","dependencies":[{"path":"G:\\project\\smart-power-ui\\src\\views\\personal\\device\\profile\\details.vue","mtime":1620978600393},{"path":"G:\\project\\smart-power-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1591751767036},{"path":"G:\\project\\smart-power-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1610504270305},{"path":"G:\\project\\smart-power-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1591751767036},{"path":"G:\\project\\smart-power-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1610504274351}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCB7IGdldERldmljZSB9IGZyb20gIkAvYXBpL3BlcnNvbmFsL2RldmljZSI7CmltcG9ydCBJbmZvV3JhcCBmcm9tICIuL2luZm8iOwppbXBvcnQgQ2hpbGREZXZpY2UgZnJvbSAiLi9jaGlsZERldmljZSI7CmltcG9ydCBEZXZpY2VSdW5TdGFydHNXcmFwIGZyb20gIkAvdmlld3MvcHJvZmlsZS9EZXZpY2VSdW5TdGFydHMvaW5kZXgiOwpleHBvcnQgZGVmYXVsdCB7CiAgbmFtZTogIkRldGFpbHNXcmFwIiwKICBwcm9wczogWyJzb3VyY2VJZCJdLAogIGNvbXBvbmVudHM6IHsKICAgIEluZm9XcmFwLAogICAgQ2hpbGREZXZpY2UsCiAgICBEZXZpY2VSdW5TdGFydHNXcmFwCiAgfSwKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgaW5mb0RhdGE6IHt9LAogICAgICBhY3RpdmVOYW1lOiAicnVuaW5nU3RhdGUiLAogICAgICBicmVhZGNydW1iTGlzdDogW10sCiAgICAgIHRlbXBUeXBlOiAiYnMiLAogICAgICBkZXZpY2VJZDogIiIsCiAgICAgIGRldnVkZVJ1blN0YXRlOiBmYWxzZQogICAgfTsKICB9LAogIGNyZWF0ZWQoKSB7CiAgICB0aGlzLmRldmljZUlkID0gdGhpcy5zb3VyY2VJZDsKICAgIHRoaXMuZGV2aWNlSW5mbygpOwogIH0sCiAgbWV0aG9kczogewogICAgLy8g54K55Ye75p+l55yL6K6+5aSH6K+m5oOFCiAgICBkZXZpY2VDbGljayhyb3csIGluZGV4KSB7CiAgICAgIGlmIChyb3cuZGV2aWNlSWQgPT09IHRoaXMuZGV2aWNlSWQpIHsKICAgICAgICByZXR1cm47CiAgICAgIH0KICAgICAgY29uc3QgbGVuZyA9IHRoaXMuYnJlYWRjcnVtYkxpc3QubGVuZ3RoIC0gMTsKICAgICAgdGhpcy5icmVhZGNydW1iTGlzdC5zcGxpY2UoaW5kZXggKyAxLCBsZW5nKTsKICAgICAgdGhpcy5hY3RpdmVOYW1lID0gInJ1bmluZ1N0YXRlIjsKICAgICAgdGhpcy5kZXZpY2VJZCA9IHJvdy5kZXZpY2VJZDsKICAgICAgdGhpcy5kZXZ1ZGVSdW5TdGF0ZSA9IGZhbHNlOwogICAgICB0aGlzLmRldmljZUluZm8oKTsKICAgIH0sCiAgICAvLyDorr7lpIfor6bmg4UKICAgIGRldmljZUluZm8oKSB7CiAgICAgIGdldERldmljZSh0aGlzLmRldmljZUlkKS50aGVuKHJlc3BvbnNlID0+IHsKICAgICAgICB0aGlzLmluZm9EYXRhID0gcmVzcG9uc2UuZGF0YTsKICAgICAgICBpZiAodGhpcy5icmVhZGNydW1iTGlzdC5sZW5ndGggPD0gMCkgewogICAgICAgICAgdGhpcy5icmVhZGNydW1iTGlzdC5wdXNoKHRoaXMuaW5mb0RhdGEpOwogICAgICAgIH0KICAgICAgICBmb3IgKHZhciBpID0gMDsgaSA8IHRoaXMuYnJlYWRjcnVtYkxpc3QubGVuZ3RoOyBpKyspIHsKICAgICAgICAgIGlmICgKICAgICAgICAgICAgdGhpcy5icmVhZGNydW1iTGlzdFtpXVsiZGV2aWNlSWQiXSA9PT0gdGhpcy5pbmZvRGF0YVsiZGV2aWNlSWQiXQogICAgICAgICAgKSB7CiAgICAgICAgICAgIHRoaXMuYnJlYWRjcnVtYkxpc3RbaV0gPSB0aGlzLmluZm9EYXRhOwogICAgICAgICAgfSBlbHNlIGlmIChpID09PSB0aGlzLmJyZWFkY3J1bWJMaXN0Lmxlbmd0aCAtIDEpIHsKICAgICAgICAgICAgdGhpcy5icmVhZGNydW1iTGlzdC5wdXNoKHRoaXMuaW5mb0RhdGEpOwogICAgICAgICAgfQogICAgICAgIH0KICAgICAgICB0aGlzLmRldnVkZVJ1blN0YXRlID0gdHJ1ZTsKICAgICAgfSk7CiAgICB9LAogICAgdG9OZXdEZXZpY2UoZGF0YSkgewogICAgICB0aGlzLnRlbXBUeXBlID0gImNoaWxkcmVuIjsKICAgICAgdGhpcy5kZXZpY2VJZCA9IGRhdGEuZGV2aWNlSWQ7CiAgICAgIHRoaXMuZGV2dWRlUnVuU3RhdGUgPSBmYWxzZTsKICAgICAgdGhpcy5kZXZpY2VJbmZvKCk7CiAgICAgIHRoaXMuYWN0aXZlTmFtZSA9ICJydW5pbmdTdGF0ZSI7CiAgICB9LAogICAgdXBkYXRlSW5mbyguLi5kYXRhKSB7CiAgICAgIHRoaXMuZGV2aWNlSW5mbygpOwogICAgfQogIH0KfTsK"},{"version":3,"sources":["details.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA;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;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":"details.vue","sourceRoot":"src/views/personal/device/profile","sourcesContent":["<template>\n <div class=\"iot-project-details-warp\">\n <div class=\"info-tabs\">\n <div class=\"breadcrumb-wrap\" v-show=\"breadcrumbList.length > 1\">\n <el-breadcrumb separator-class=\"el-icon-arrow-right\">\n <el-breadcrumb-item v-for=\"(item, index) in breadcrumbList\" :key=\"index\">\n <span @click=\"deviceClick(item, index)\" :class=\"item.deviceId === deviceId ? 'breadcrumb-span show-wrap' : 'breadcrumb-span'\">{{item.deviceName}}</span>\n </el-breadcrumb-item>\n </el-breadcrumb>\n </div>\n <el-tabs\n v-model=\"activeName\"\n :class=\"breadcrumbList.length > 1 ? 'children-wrap' : ''\"\n type=\"border-card\"\n >\n <el-tab-pane label=\"运行状态\" name=\"runingState\">\n <div class=\"tabs-body protocol-wrap\">\n <device-run-starts-wrap\n v-if=\"devudeRunState\"\n :sourceId=\"deviceId\"\n :deviceInfo=\"infoData\"\n :prodId=\"infoData.prodKey\"\n ></device-run-starts-wrap>\n </div>\n </el-tab-pane>\n\n <el-tab-pane label=\"设备信息\" name=\"info\">\n <div class=\"tabs-body\">\n <info-wrap :infoData=\"infoData\" @updateInfo=\"updateInfo($event)\" />\n </div>\n </el-tab-pane>\n <el-tab-pane label=\"子设备\" name=\"child\" v-if=\"infoData.deviceType === 'GATEWAY_CONTROLLER'\">\n <div class=\"tabs-body\">\n <child-device\n v-if=\"activeName === 'child'\"\n :pDevcieInfo=\"infoData\"\n :sourceId=\"infoData.deviceId\"\n @toChildEvent=\"toNewDevice\"\n ></child-device>\n </div>\n </el-tab-pane>\n\n </el-tabs>\n </div>\n </div>\n</template>\n<script>\nimport { getDevice } from \"@/api/personal/device\";\nimport InfoWrap from \"./info\";\nimport ChildDevice from \"./childDevice\";\nimport DeviceRunStartsWrap from \"@/views/profile/DeviceRunStarts/index\";\nexport default {\n name: \"DetailsWrap\",\n props: [\"sourceId\"],\n components: {\n InfoWrap,\n ChildDevice,\n DeviceRunStartsWrap\n },\n data() {\n return {\n infoData: {},\n activeName: \"runingState\",\n breadcrumbList: [],\n tempType: \"bs\",\n deviceId: \"\",\n devudeRunState: false\n };\n },\n created() {\n this.deviceId = this.sourceId;\n this.deviceInfo();\n },\n methods: {\n // 点击查看设备详情\n deviceClick(row, index) {\n if (row.deviceId === this.deviceId) {\n return;\n }\n const leng = this.breadcrumbList.length - 1;\n this.breadcrumbList.splice(index + 1, leng);\n this.activeName = \"runingState\";\n this.deviceId = row.deviceId;\n this.devudeRunState = false;\n this.deviceInfo();\n },\n // 设备详情\n deviceInfo() {\n getDevice(this.deviceId).then(response => {\n this.infoData = response.data;\n if (this.breadcrumbList.length <= 0) {\n this.breadcrumbList.push(this.infoData);\n }\n for (var i = 0; i < this.breadcrumbList.length; i++) {\n if (\n this.breadcrumbList[i][\"deviceId\"] === this.infoData[\"deviceId\"]\n ) {\n this.breadcrumbList[i] = this.infoData;\n } else if (i === this.breadcrumbList.length - 1) {\n this.breadcrumbList.push(this.infoData);\n }\n }\n this.devudeRunState = true;\n });\n },\n toNewDevice(data) {\n this.tempType = \"children\";\n this.deviceId = data.deviceId;\n this.devudeRunState = false;\n this.deviceInfo();\n this.activeName = \"runingState\";\n },\n updateInfo(...data) {\n this.deviceInfo();\n }\n }\n};\n</script>\n<style lang=\"scss\">\n.iot-project-details-warp {\n .breadcrumb-wrap {\n position: absolute;\n top: 15px;\n z-index: 10;\n left: 20px;\n width: 90%;\n overflow: hidden;\n .breadcrumb-span:hover {\n color: #1890ff;\n cursor: default;\n }\n .show-wrap {\n color: #1890ff;\n }\n }\n .product-release-dialog {\n .title-i {\n font-size: 20px;\n color: #9c9a9a;\n line-height: 18px;\n }\n .i-color {\n color: rgb(0, 193, 222);\n }\n .el-dialog__header {\n border-bottom: 1px solid rgb(116, 115, 115);\n }\n .top-tigs {\n background: #fbfbfc;\n border: 1px solid #ecedee;\n padding: 20px;\n margin-bottom: 25px;\n color: #999;\n }\n .form-bottom-prod-details {\n margin-top: 40px;\n height: 10px;\n border-top: 1px solid rgb(116, 115, 115);\n text-align: right;\n width: 100%;\n padding-top: 15px;\n width: calc(100% + 20px);\n .el-button {\n margin-right: 10px;\n margin-left: 0px;\n }\n }\n .bottom-div {\n height: 70px;\n font-size: 12px;\n border: 1px solid #ecedee;\n margin: -1px;\n }\n .one-div {\n width: 15%;\n float: left;\n border-right: 1px solid #ecedee;\n height: 30px;\n line-height: 30px;\n /* padding-left: 10px; */\n text-align: center;\n font-size: 18px;\n\n height: 70px;\n line-height: 76px;\n text-align: center;\n font-size: 18px;\n }\n .two-div {\n width: calc(100% - 36%);\n float: left;\n padding: 22px 10px 10px 10px;\n font-size: 12px;\n }\n .there-div {\n width: 10%;\n float: left;\n padding-top: 28px;\n }\n .four-div {\n width: 5%;\n float: left;\n padding-top: 28px;\n }\n }\n .heard {\n padding: 20px 40px 0;\n background-color: #fff;\n height: 112px;\n padding: 0px;\n }\n .info-title {\n margin-top: 0px;\n margin-bottom: 16px;\n line-height: 29px;\n overflow: hidden;\n height: 30px;\n .title {\n float: left;\n font-size: 20px;\n margin: 0 8px 0 0;\n line-height: 28px;\n }\n .el-button--small,\n .el-button--small.is-round {\n padding: 8px 15px;\n float: right;\n }\n }\n .info-icon {\n margin-top: -70px;\n float: left;\n width: 101px;\n border: 1px dotted rgb(205, 203, 203);\n height: 101px;\n .image {\n width: 100px;\n height: 100px;\n }\n }\n .info-des {\n font-size: 14px;\n width: 100%;\n float: left;\n .info-row {\n overflow: hidden;\n display: block;\n text-overflow: ellipsis;\n line-height: 20px;\n white-space: nowrap;\n .label {\n color: #aaa;\n }\n .centent {\n color: #999;\n margin-right: 8px;\n }\n }\n }\n\n .info-tabs {\n position: relative;\n box-sizing: border-box;\n .el-tabs__content {\n height: calc(100vh - 191px);\n overflow: auto;\n }\n .el-tabs__header {\n background-color: #fff;\n position: relative;\n // top: -10px;\n .el-tabs__nav-wrap {\n margin-left: 0px;\n .el-tabs__item {\n font-size: 16px;\n }\n }\n }\n .el-tabs__nav-scroll {\n height: 65px;\n padding-top: 25px;\n padding-left: 15px;\n background: #e4eaf3;\n }\n .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {\n background: #fff;\n color: #333;\n border: 0;\n }\n .el-tabs--border-card > .el-tabs__header .el-tabs__item {\n // border-color: red;\n color: #909399;\n background: #d3deec;\n border-radius: 8px 8px 0 0;\n border-bottom: 0;\n margin-left: 15px;\n }\n .tabs-body {\n margin-left: 0px;\n margin-right: 0px;\n padding: 0px;\n overflow: hidden;\n background-color: #fff;\n margin-bottom: 0px;\n }\n .protocol-wrap {\n .el-tabs__nav-scroll {\n height: auto;\n padding-top: 0;\n padding-left: 0;\n background: #fff;\n }\n }\n }\n .children-wrap {\n .el-tabs__header {\n .el-tabs__nav-scroll {\n height: 85px;\n .el-tabs__nav {\n margin-top: 20px;\n }\n }\n }\n }\n .child-table {\n margin-top: 25px;\n // margin-left: 20px;\n margin-right: 0px;\n padding: 0px;\n overflow: hidden;\n background-color: #fff;\n }\n}\n.product-release-dialog {\n .title-i {\n font-size: 20px;\n color: #9c9a9a;\n line-height: 18px;\n }\n .i-color {\n color: rgb(0, 193, 222);\n }\n .el-dialog__header {\n border-bottom: 1px solid rgb(116, 115, 115);\n }\n .top-tigs {\n background: #fbfbfc;\n border: 1px solid #ecedee;\n padding: 20px;\n margin-bottom: 25px;\n color: #999;\n }\n .form-bottom-prod-details {\n margin-top: 15px;\n height: 30px;\n border-top: 1px solid #747373;\n text-align: right;\n width: 100%;\n padding-top: 15px;\n width: calc(100% + 20px);\n .el-button {\n margin-right: 10px;\n margin-left: 0px;\n }\n }\n .bottom-div {\n height: 70px;\n font-size: 12px;\n border: 1px solid #ecedee;\n margin: 0px;\n }\n .one-div {\n width: 15%;\n float: left;\n border-right: 1px solid #ecedee;\n height: 30px;\n line-height: 30px;\n /* padding-left: 10px; */\n text-align: center;\n font-size: 18px;\n\n height: 70px;\n line-height: 76px;\n text-align: center;\n font-size: 18px;\n }\n .two-div {\n width: calc(100% - 36%);\n float: left;\n padding: 22px 10px 10px 10px;\n font-size: 12px;\n }\n .there-div {\n width: 10%;\n float: left;\n padding-top: 28px;\n }\n .four-div {\n width: 5%;\n float: left;\n padding-top: 28px;\n }\n}\n.product-detail-info {\n .el-textarea {\n width: 92%;\n }\n .el-input {\n width: 92%;\n }\n .el-dialog__header {\n border-bottom: 1px solid rgb(116, 115, 115);\n }\n .form-buttons-div {\n margin-top: 30px;\n height: 50px;\n border-top: 1px solid rgb(116, 115, 115);\n text-align: right;\n width: 100%;\n padding-top: 15px;\n }\n .question-button.el-button--text {\n padding-bottom: 0px;\n color: rgb(204, 204, 204);\n background: 0 0;\n padding-left: 0;\n padding-right: 0;\n font-size: 18px;\n padding-top: 0px;\n margin-top: 0px;\n }\n .el-form-item--mini.el-form-item,\n .el-form-item--small.el-form-item {\n margin-bottom: 10px;\n margin-left: 60px;\n }\n .el-form--label-top .el-form-item__label {\n padding: 0 0 9px;\n margin-top: 10px;\n }\n .el-form-item--mini .el-form-item__content,\n .el-form-item--mini .el-form-item__label {\n line-height: 17px;\n }\n .avue-input-number,\n .el-cascader,\n .el-date-editor.el-input,\n .el-date-editor.el-input__inner,\n .el-select {\n width: 100%;\n }\n .el-dialog__body {\n padding: 0px;\n padding-right: 20px;\n }\n .form-buttons-div {\n margin-top: 30px;\n height: 50px;\n border-top: 1px solid rgb(116, 115, 115);\n text-align: right;\n width: 100%;\n padding-top: 15px;\n }\n}\n.product-topic-dialog {\n .top-tips {\n height: 150px;\n margin: 20px;\n margin-top: 30px;\n margin-right: 0px;\n border: 1px solid #00c1df;\n padding: 10px 10px 0;\n background: #e6f9fc;\n display: flex;\n border-radius: 3px;\n padding-left: 20px;\n padding-top: 20px;\n margin-bottom: 0px;\n }\n .el-form-item__error {\n left: 80px;\n }\n .el-dialog__body {\n padding: 0px;\n padding-right: 20px;\n }\n .el-dialog__header {\n border-bottom: 1px solid rgb(116, 115, 115);\n }\n .el-form--label-top .el-form-item__label {\n padding-top: 23px;\n padding-bottom: 0px;\n }\n .el-form-item {\n margin-bottom: -17px;\n width: 90%;\n }\n .el-form-item--mini .el-form-item__content,\n .el-form-item--mini .el-form-item__label {\n padding-left: 40px;\n }\n .el-select {\n width: 100%;\n }\n .form-buttonx-div {\n margin-top: 30px;\n height: 50px;\n border-top: 1px solid rgb(116, 115, 115);\n text-align: right;\n width: 100%;\n padding-top: 15px;\n width: calc(100% + 20px);\n .el-button {\n margin-right: 10px;\n margin-left: 0px;\n }\n }\n .funType-div {\n // margin-left: 40px;\n }\n}\n.product-fun-dialog {\n .insert-div {\n width: 100%;\n margin-bottom: 10px;\n padding-top: 10px;\n padding-left: 30px;\n }\n .el-transfer-panel {\n // margin-left: 10px;\n width: 225px;\n }\n .el-transfer__buttons {\n padding: 0px 10px;\n }\n .el-textarea {\n width: 92%;\n }\n .el-input {\n width: 92%;\n }\n .question-button.el-button--text {\n padding-bottom: 0px;\n color: rgb(204, 204, 204);\n background: 0 0;\n padding-left: 0;\n padding-right: 0;\n font-size: 18px;\n padding-top: 0px;\n margin-top: 0px;\n }\n .fw {\n .el-input--mini {\n width: 155px;\n }\n }\n .el-form-item__error {\n left: 120px;\n }\n .el-dialog__body {\n padding: 0px;\n padding-right: 20px;\n }\n .el-dialog__header {\n border-bottom: 1px solid rgb(116, 115, 115);\n }\n .el-form--label-top .el-form-item__label {\n padding-top: 23px;\n padding-bottom: 0px;\n }\n .el-form-item {\n margin-bottom: -17px;\n width: 92%;\n }\n .el-form-item--mini .el-form-item__content,\n .el-form-item--mini .el-form-item__label {\n padding-left: 40px;\n }\n .form-buttonb-div {\n margin-top: 30px;\n height: 50px;\n border-top: 1px solid rgb(116, 115, 115);\n text-align: right;\n width: 100%;\n padding-top: 15px;\n width: calc(100% + 20px);\n .el-button {\n margin-right: 10px;\n margin-left: 0px;\n }\n }\n .funType-div {\n // margin-left: 40px;\n }\n}\n.product-custom-fun {\n .el-textarea {\n width: 92%;\n }\n .el-input {\n width: 92%;\n }\n .question-button.el-button--text {\n padding-bottom: 0px;\n color: rgb(204, 204, 204);\n background: 0 0;\n padding-left: 0;\n padding-right: 0;\n font-size: 18px;\n padding-top: 0px;\n margin-top: 0px;\n }\n .fw {\n .el-input--mini {\n width: 155px;\n }\n }\n .el-form-item__error {\n left: 120px;\n }\n .el-dialog__body {\n padding: 0px;\n padding-right: 20px;\n }\n .el-dialog__header {\n border-bottom: 1px solid rgb(116, 115, 115);\n }\n .el-form--label-top .el-form-item__label {\n padding-top: 23px;\n padding-bottom: 0px;\n }\n .el-form-item {\n margin-bottom: -17px;\n width: 92%;\n }\n .el-select {\n width: 100%;\n }\n .el-form-item--mini .el-form-item__content,\n .el-form-item--mini .el-form-item__label {\n padding-left: 40px;\n }\n .form-buttona-div {\n margin-top: 30px;\n height: 50px;\n border-top: 1px solid rgb(116, 115, 115);\n text-align: right;\n width: 100%;\n padding-top: 15px;\n width: calc(100% + 20px);\n .el-button {\n margin-right: 10px;\n margin-left: 0px;\n }\n }\n .funType-div {\n // margin-left: 40px;\n }\n}\n.product-prop-standard-dialog {\n .insert-div {\n width: 100%;\n margin-bottom: 10px;\n padding-top: 10px;\n padding-left: 30px;\n }\n .el-transfer-panel {\n // margin-left: 10px;\n width: 225px;\n }\n .el-transfer__buttons {\n padding: 0px 10px;\n }\n .el-textarea {\n width: 92%;\n }\n .el-input {\n width: 92%;\n }\n .question-button.el-button--text {\n padding-bottom: 0px;\n color: rgb(204, 204, 204);\n background: 0 0;\n padding-left: 0;\n padding-right: 0;\n font-size: 18px;\n padding-top: 0px;\n margin-top: 0px;\n }\n .fw {\n .el-input--mini {\n width: 155px;\n }\n }\n .el-form-item__error {\n left: 120px;\n }\n .el-dialog__body {\n padding: 0px;\n padding-right: 20px;\n }\n .el-dialog__header {\n border-bottom: 1px solid rgb(116, 115, 115);\n }\n .el-form--label-top .el-form-item__label {\n padding-top: 23px;\n padding-bottom: 0px;\n }\n .el-form-item {\n margin-bottom: -17px;\n width: 92%;\n }\n .el-form-item--mini .el-form-item__content,\n .el-form-item--mini .el-form-item__label {\n padding-left: 40px;\n }\n .form-buttonb-div {\n margin-top: 30px;\n height: 50px;\n border-top: 1px solid rgb(116, 115, 115);\n text-align: right;\n width: 100%;\n padding-top: 15px;\n width: calc(100% + 20px);\n .el-button {\n margin-right: 10px;\n margin-left: 0px;\n }\n }\n .funType-div {\n // margin-left: 40px;\n }\n}\n.product-prop-custom-dialog {\n .el-textarea {\n width: 92%;\n }\n .el-input {\n width: 92%;\n }\n .question-button.el-button--text {\n padding-bottom: 0px;\n color: rgb(204, 204, 204);\n background: 0 0;\n padding-left: 0;\n padding-right: 0;\n font-size: 18px;\n padding-top: 0px;\n margin-top: 0px;\n }\n .fw {\n .el-input--mini {\n width: 155px;\n }\n }\n .el-form-item__error {\n left: 120px;\n }\n .el-dialog__body {\n padding: 0px;\n padding-right: 20px;\n }\n .el-dialog__header {\n border-bottom: 1px solid rgb(116, 115, 115);\n }\n .el-form--label-top .el-form-item__label {\n padding-top: 23px;\n padding-bottom: 0px;\n }\n .el-form-item {\n margin-bottom: -17px;\n width: 92%;\n }\n .el-form-item--mini .el-form-item__content,\n .el-form-item--mini .el-form-item__label {\n padding-left: 40px;\n }\n .form-buttona-div {\n margin-top: 30px;\n height: 50px;\n border-top: 1px solid rgb(116, 115, 115);\n text-align: right;\n width: 100%;\n padding-top: 15px;\n width: calc(100% + 20px);\n .el-button {\n margin-right: 10px;\n margin-left: 0px;\n }\n }\n .funType-div {\n // margin-left: 40px;\n }\n}\n\n.model-function-dialog {\n .el-textarea {\n width: 92%;\n }\n .el-input {\n width: 92%;\n }\n .question-button.el-button--text {\n padding-bottom: 0px;\n color: rgb(204, 204, 204);\n background: 0 0;\n padding-left: 0;\n padding-right: 0;\n font-size: 18px;\n padding-top: 0px;\n margin-top: 0px;\n }\n .fw {\n .el-input--mini {\n width: 155px;\n }\n }\n .el-form-item__error {\n left: 120px;\n }\n .el-dialog__body {\n padding: 0px;\n padding-right: 20px;\n }\n .el-dialog__header {\n border-bottom: 1px solid rgb(116, 115, 115);\n }\n .el-form--label-top .el-form-item__label {\n padding-top: 23px;\n padding-bottom: 0px;\n }\n .el-form-item {\n margin-bottom: -17px;\n width: 92%;\n }\n .el-form-item--mini .el-form-item__content,\n .el-form-item--mini .el-form-item__label {\n padding-left: 40px;\n }\n .el-select {\n width: 100%;\n }\n .form-bottom-prod-details {\n margin-top: 30px;\n height: 50px;\n border-top: 1px solid rgb(116, 115, 115);\n text-align: right;\n padding-top: 15px;\n width: calc(100% + 20px);\n .el-button {\n margin-right: 10px;\n margin-left: 0px;\n }\n }\n .funType-div {\n // margin-left: 40px;\n }\n}\n.sr {\n .el-form-item {\n margin-bottom: -17px;\n width: 100%;\n }\n}\n.iot-project-details-warp .info-tabs .el-tabs__content::-webkit-scrollbar {\n /*滚动条整体样式*/\n width: 8px; /*高宽分别对应横竖滚动条的尺寸*/\n height: 3px;\n}\n.iot-project-details-warp\n .info-tabs\n .el-tabs__content::-webkit-scrollbar-thumb {\n /*滚动条里面小方块*/\n border-radius: 10px;\n box-shadow: inset 0 0 5px #9e9d9d;\n background: #ffffff;\n}\n.iot-project-details-warp\n .info-tabs\n .el-tabs__content::-webkit-scrollbar-track {\n /*滚动条里面轨道*/\n box-shadow: inset 0 0 5px #f6f6f6;\n border-radius: 10px;\n background: #ffffff;\n}\n</style>\n"]}]} |