修改连接设备弹框的定位问题和拖拽问题

haoxuan

2024-04-11 3a13851fd22636bfc5116a6acf5d8fc346f7308f

修改连接设备弹框的定位问题和拖拽问题

 src/views/productManage/productRegisterForm/components/addProductDialog.vue

@@ -4,7 +4,6 @@
    :close-on-click-modal="false"
    :visible.sync="editDialogVisible"
    width="533px"
    append-to-body
    custom-class="add-event-dialog"
    @close="handleClose"
  >
@@ -149,10 +148,10 @@
        </el-row>
      </el-form>
    </div>
    <div slot="footer" class="dialog-footer">
    <!-- <div slot="footer" class="dialog-footer"> -->
      <!-- <el-button @click="handleClose" size="mini">取消</el-button>
      <el-button type="primary" @click="onSubmit('form')" size="mini">确定</el-button> -->
    </div>
    <!-- </div> -->
  </el-dialog>
</template>
<script>
@@ -234,7 +233,6 @@
    },
    "form.carNumber": {
      handler() {
        debugger
        this.$set(this.proForm,'carNumber',this.form.carNumber)
      },
      deep: true,
@@ -312,6 +310,7 @@
};
</script>
<style lang="scss" scoped>

.add-event-dialog {
  .formLabel {
    font-size: 18px;
@@ -320,6 +319,9 @@
  }
  .dialog-footer {
    background-color: #fff;
  }
  .dialog-content-box{
    margin-top:30px;
  }
}
::v-deep {
@@ -334,7 +336,7 @@
    color: #333;
    // font-weight: 700;
  }
  .add-event-dialog .el-dialog {
  .add-event-dialog.el-dialog {
    position: absolute;
    right: 40px;
    top: 40px;