diff --git a/src/views/storeManage/warehouse3DConfig/index.vue b/src/views/storeManage/warehouse3DConfig/index.vue index e402bcb..ddd374b 100644 --- a/src/views/storeManage/warehouse3DConfig/index.vue +++ b/src/views/storeManage/warehouse3DConfig/index.vue @@ -57,6 +57,32 @@
+ + + +

{{ form.showPosition }}

+
+ + + + {{ item.label }} - {{ item.value }} + + + + + + + {{ item.label }} - {{ item.value }} + + + + + + + + + +
@@ -79,7 +105,27 @@ export default { ], tableData: [], selections: [], - dialogVisible: false + dialogVisible: false, + form: {}, + // 设备绑定 + devVal: '', + devOptions: [ + { value: '000', label: '空气质量检测设备' }, + { value: '111', label: '摄像头' } + ], + // 参数绑定 + paramsVal: [], + paramsOptions: [ + { value: '0000', label: '参数0' }, + { value: '1111', label: '参数1' }, + { value: '2222', label: '参数2' }, + { value: '3333', label: '参数3' } + ], + rules: { + devName: [ + { required: true, message: '请选择设备', trigger: 'blur' } + ] + } } }, created() { @@ -102,6 +148,8 @@ export default { }, handleBindParam() { if (this.selections.length === 1) { + this.form = this.selections[0] + this.devVal = this.form.devName this.dialogVisible = true } else { this.$message({ @@ -141,4 +189,38 @@ export default { margin-top: 0; min-height: calc(100vh - 242px); } +.form{ + margin-left: 38px; + .form-first{ + color: #fff; + background-color: #083177; + width: 510px; + height: 36px; + line-height: 36px; + border-radius: 4px; + padding-left: 16px; + } +} +::v-deep .form .el-input__inner{ + width: 510px; + height: 36px; +} +::v-deep .el-dialog{ + width: 720px; +} +::v-deep .el-tag.el-tag--info{ + height: 26px; + line-height: 26px; + background-color: #13439E; + border: none; + color: #fff; +} +::v-deep .el-tag.el-tag--info .el-tag__close{ + background-color: #fff; +} +::v-deep .el-dialog .el-dialog__header .el-dialog__close::before{ + position: absolute; + right: -43px; + top: 0; +}